[Resolved] Search input stying iOS Safari

[Paul]

Hi There,

I have the following CSS for the search input in the nav which works fine – however I’m seeing the a light blue border on iPhone, I’m guessing this is due to browser settings and can’t be over-ridden?

.navigation-search input[type="search"] {
    border: 2px solid var(--primary-purple);
	  border-radius: 8px;
}

Cheers

[David]

Hi there,

the blue outline does come from browser styles.

Try adding this CSS to remove it:

.navigation-search input[type="search"] {
    outline: 0 !important;
}

[Paul]

Cheers David, That worked 🙂

[David]

Glad to hear that

[Author]

Posts