CODEWITHSUNDEEP
cssxhtml
Sujith Kumar KS
Sujith Kumar KS

Reputation: 1043

How to disable select box border in IE7

I Have tried this 

select
{
border:0;
}

<select>
<otpion value='male'>Male</option>
<otpion value='female'>Female</option>
</select>

its not working in IE6, IE7

Upvotes: 2

Views: 9174

Answers (5)

ameli
ameli

Reputation: 1

select { filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=-1, OffY=0,color=#525252)
progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=0,color=#525252) progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=-1,color=#525252) progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1,color=#525252); }

Upvotes: 0

Vertigus
Vertigus

Reputation: 11

The following worked for me, in both FF and IE9:

outline:0;

Upvotes: 1

Kyle
Kyle

Reputation: 67194

As far as I know, this is not possible in IE6/7 as the elements in question are controlled by the OS, not the browser. That's why they look different in Windows compared to Mac. Some browsers let you style them to some degree with straight CSS, but definitely not all.

But fear not, if you're willing to dig into some extra code, you can use something like this demo. It uses the jQuery UI, which is helpful for many, many other things as well.

Another example would be this here and this one too, along with the popular jScrollpane.

Hope some of that helps. :)

Upvotes: 1

SpliFF
SpliFF

Reputation: 38966

Select boxes, like most form elements are "native objects" in IE. Meaning, the look and feel is largely dictated by the OS. Assuming you remembered to wrap the CSS above in a style tag then if the code doesn't work it probably can't be done.

Upvotes: 0

OpaCitiZen
OpaCitiZen

Reputation: 850

See this question and its answers, here on stackoverflow.

(Short answer: It can't be done. There might be complicated workarounds, though.)

Upvotes: 2

Related Questions