5 replies [Last post]
faheemhameed
faheemhameed's picture
User offline. Last seen 4 years 25 weeks ago. Offline
newbie
Joined: 2007-08-27
Posts: 2
Points: 0

Hi there,

How to remove the border of a SELECT box in IE

select { border: 2px solid #444; }

This has effect in mozilla and safari but NO effect in IE 6

Please help!

Thanks,
Hameed

Tyssen
Tyssen's picture
User offline. Last seen 9 hours 16 sec ago. Offline
rank Moderator
Moderator
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8127
Points: 1306

Can't be done.

Can't be done.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

faheemhameed
faheemhameed's picture
User offline. Last seen 4 years 25 weeks ago. Offline
newbie
Joined: 2007-08-27
Posts: 2
Points: 0

Thanks for making it clear.

Thanks for making it clear.

odskan
odskan's picture
User offline. Last seen 3 years 3 weeks ago. Offline
newbie
Joined: 2009-01-27
Posts: 1
Points: 0

gravedigger...

CAN be done!
folow the link...
http://swatelier.info/at/forms/selectExp.htm

Ed Seedhouse
Ed Seedhouse's picture
User offline. Last seen 1 week 7 hours ago. Offline
rank Guru
Guru
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3544
Points: 643

I'll believe Tyssen any day

I'll believe Tyssen any day over some random web site.

These form objects are imported from the underlying operating systems which is why they look different in each type of system.

In Windows all you have to do is change your theme and watch the form element styles on all your forms change in your web browser. From any site.

Some browsers will accept some CSS rules, but it's different for each browser and you are better off leaving them alone and accepting the differences. The web is not paper!

Ed Seedhouse

Posting Guidelines

High on a hill, in Wrangellia.

Tyssen
Tyssen's picture
User offline. Last seen 9 hours 16 sec ago. Offline
rank Moderator
Moderator
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8127
Points: 1306

Well, as the author of that

Well, as the author of that article says near the beginning:

Quote:

There are no possibilities how to remove border, change color of border, or change the width of border by help of CSS.

but he/she has found a workaround to produce an effect that looks like the border's been removed. The problem with that method is that if the text size is larger than what the designer originally envisioned, then parts of the select will be unreadable, due to the use of overflow:hidden.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference