Change searchbar on focus

Ionic Framework ionic-v3
1

Hi, how do I get a searchbar to change the css style when focused?
I’ve tried (focus), but that doesn’t seem to do anything. (click) works, but won’t change back when I lose focus.

2

Whenever the searchbar is activated, it get’s the class searchbar-has-focus. You can attach your CSS to that.

3

I’m not trying to change the searchbar’s css, but rather the parent div that is holding the searchbar among other things. Is there a way to do that?

Edit: Found the solution, (ionFocus) and (ionBlur)

1 Like