I have an <input type=search/> element (no other HTML). Here’s the CSS: input[type=search] {

Question

Editorial Team

Asked: May 26, 20262026-05-26T13:21:41+00:00 2026-05-26T13:21:41+00:00

I have an <input type="search"/> element (no other HTML).

Here’s the CSS:

input[type=search] {
    border: 1px solid #000;
    padding: 4px 12px;
    border-radius: 8px;
}

In Firefox 7 it looks great:

Rounded corners on input element in Firefox 7

However, in Chrome 15 the rounded corners are cut off:

enter image description here

Any way I can fix this?

You must login to add an answer.

Need An Account,

Editorial Team · Answer 1 · 2026-05-26T13:21:42+00:00

Editorial Team

You just need to add -webkit-appearance: none to fix it.

The Archive Base Latest Questions