Search border?

[Annamarie]

On my search which I have in the the
.site-header .widget-area

when I look at it on iPad or iPhone it suddenly has a rounded border. Where did that come from! ? How do I manipulate? I did away the box border on the iPhone version but it has some funny shading on top.

And while I'm at it, how do I style the color of the word "Search" in the search field.

This has been driving me nuts!

Thanks for help

http://test.sharinghousing.com

[Marcy]

It's a Safari, webkit, thing, and I don't care for it either.

This is what you need to add to remove the rounded from all search boxes:

input[type="search"] {
    -webkit-appearance: none;
}

If you only want to do this for the one in your header, this is the css:

.site-header .widget-area input[type="search"] {
    -webkit-appearance: none;
}

---

Marcy | Amethyst Website Design | Twitter

[Annamarie]

Thanks that did it!

[Marcy]

That's great!

---

Marcy | Amethyst Website Design | Twitter

[Author]

Posts