Skip to content

Commit 6262f49

Browse files
authored
Hide the automatically displayed webkit-only clear/cancel search button. (#8538)
1 parent 1dee391 commit 6262f49

File tree

2 files changed

+7
-0
lines changed

2 files changed

+7
-0
lines changed

pkg/web_css/lib/src/_search.scss

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -47,6 +47,12 @@
4747
&:focus {
4848
outline: none;
4949
}
50+
51+
// This is a non-standard feature, supported only by webkit browsers
52+
// https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-search-cancel-button
53+
&::-webkit-search-cancel-button {
54+
display: none;
55+
}
5056
}
5157

5258
>.icon {

pkg/web_css/test/expression_test.dart

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -42,6 +42,7 @@ void main() {
4242
'keyframes',
4343
'last-child',
4444
'nth-child',
45+
'-webkit-search-cancel-button',
4546
]);
4647
// composite patterns
4748
expressions.removeWhere((e) => e.startsWith('home-block-'));

0 commit comments

Comments
 (0)