is there a way to increase the size of the clearIcon
on ion-search
component?
JavaScript
x
15
15
1
<ion-card-content>
2
<ion-searchbar
3
mode="ios"
4
autocomplete="off"
5
autocorrect="off"
6
spellcheck="false"
7
animated="true"
8
debounce="500"
9
clearIcon="close"
10
[placeholder]="placeholder"
11
[(ngModel)]="search"
12
(ionChange)="runSearch()"
13
></ion-searchbar>
14
</ion-card-content>
15
Advertisement
Answer
Add this to global.scss
, changing the width value as per your requirement
JavaScript
1
4
1
.searchbar-clear-icon {
2
width: 30px !important;
3
}
4