CODEWITHSUNDEEP
htmlcss
Shalini Subramani
Shalini Subramani

Reputation: 502

border issue in chrome

I have used border-radius in my form field. It works fine. But the chrome it appears some line around the filed. Please refer the fiddle.

http://jsfiddle.net/JKdzc/

Please help me.

Upvotes: 2

Views: 141

Answers (4)

Chalk
Chalk

Reputation: 43

The orange outline is Chrome's way of focusing the users attention on to what they have clicked. As mentioned previously, the best way to get rid of this is outline:none; in the CSS.

Hope that helps.

Upvotes: 1

VettelS
VettelS

Reputation: 1224

Chrome adds a yellow/orange outline when users focus on an input. Remove it like this:

input:focus
{
    outline: none;
}

Upvotes: 1

PeeHaa
PeeHaa

Reputation: 72652

Probably this is just a bug in WebKit. There are a lot of known issues with WebKit having trouble with border-radius.

You can check out whether the bug already has been added to the buglist.

UPDATE

As jezternz noted you can workaround this by using the style attribute. Alternatievely you can add a wrapper around the select element and do the styling on that.

Upvotes: -1

Barry Kaye
Barry Kaye

Reputation: 7761

Are you referring to the orange highlight? If so, add this style:

outline:none;

Upvotes: 2

Related Questions