Hi guys, is it possible to change css from a ionic object? And if it is how do I do it?? For example, I have an < ion-searchbar > and when the app is running a < div > is created inside the < ion-searchbar > and an < input > inside the < div >, what I want is to change the css of the classes of < i…

Could you show some code and screenshots of what you want / what happens please ? Try this: <ion-searchbar no-padding></ion-searchbar> or: <ion-searchbar padding-end="0"></ion-searchbar>

what happens: [image] --> [image] what i want: [image] -->[image] The problem is that I dont know how to change or override padding-end value to 0px.

I did this once for an <ion-item>, because I had the same problem as you. It worked. You can try to do the same with the <ion-searchbar> classes, let me know if you managed to do it :wink: div.item-native { div.item-inner { padding-inline-end: 0 !important; -webkit-padding-end: 0 !importa…

didnt work!! Am I setting it up rightfully? #search { div { input[type=search] { padding-inline-end: 0 !important; -webkit-padding-end: 0 !important; } } }

I’m trying to do it too but it doesn’t work, let’s stay in touch if we find something

Try out the solution, I mentioned here: Ionic 4 styling problem Hopefully it helps you guys. Cheers Unkn0wn0x

worked for me! after trying out all other solutions. Figuring out how to target the icon now.

Change css of searchbar - ionic 4

Ionic Framework ionic-v3

Unkn0wn0x July 23, 2019, 5:35pm 7

Try out the solution, I mentioned here:

Ionic 4 styling problem

Hopefully it helps you guys.

Cheers
Unkn0wn0x

1 Like

Topic		Replies	Views
How to add padding css in ion-searchbar's input Ionic Framework	7	3714	April 6, 2021
<serach-bar> styling in Ionic 4 Beta Ionic Framework	13	12838	July 19, 2021
Reduce the height of ion-searchbar in Ionic 5 ionic-v3	5	5233	May 14, 2020
Ion - SearchBar too long? ionic-v3	2	657	July 19, 2021
Ionic 4 - remove shadow box from ion-searchbar ionic-v3	4	6270	December 11, 2020

Change css of searchbar - ionic 4

Related topics