5 replies [Last post]
faheemhameed
Offline
newbie
Last seen: 7 years 16 weeks ago
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
Offline
Moderator
Brisbane
Last seen: 9 weeks 5 days ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

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
Offline
newbie
Last seen: 7 years 16 weeks ago
Joined: 2007-08-27
Posts: 2
Points: 0

Thanks for making it clear.

Thanks for making it clear.

odskan
Offline
newbie
brazil
Last seen: 5 years 46 weeks ago
brazil
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
Offline
Guru
Victoria British Columbia
Last seen: 27 weeks 4 days ago
Victoria British Columbia
Timezone: GMT-7
Joined: 2005-12-14
Posts: 3570
Points: 675

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

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 9 weeks 5 days ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

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