Change DropDown border color in IE7

[ismailc]

Good day,

Change DropDownList border color in IE7

I read that this is not possible in IE but that was some time back and i'm using IE7 now.

Is there a workaround in IE7 to change the border color of a dropdown.

Regards

[drhowarddrfine]

Haven't a clue what that is but it's neither html or css.

[ismailc]

A Drop Down Box border color!

[drhowarddrfine]

Googling shows that "dropdownlist" is an ASP function of some sort. You'd have better luck asking on that forum because it's not directly related to html or css. If all you want to do is change the border color in general, in CSS you would just add 'border: #yourcolor'.

[TheServant]

I think he means a <select> tag...

If you haven't already read this, do! Pay attention especially to the second reply:

As Diodeus stated, IE doesn't allow anything but the default border for <select> elements. However, I know of two hacks to achieve a similar effect :

Use a DIV that is placed absolutely at the same position as the dropdown and set it's borders. It will appear that the dropdown has a border.

Use a Javascript solution, for instance, the one provided here.

It may however prove to be too much effort, so you should evaluate if you really require the border.

[ismailc]

Thank You All, nearly winning.

is there a way of to make the border more narrow or not so bold, border: 1px solid becuase it looks like a bold border around the drop down

<div style="border: 1px solid blue;">
<select style="width: 100%;">

Please Assist!

[TheServant]

1px is pretty thin, I think there's something else going on. Can you post a screenshot?

[ismailc]

Thank You I have been struggling the entire Friday & went back to increase the font of the dropdown to increase the height.

I did not have much time :)

If you find a solution - please let me know

Thank You :)

[Dormilich]

to increase the height you can also try the line-height property.

[ismailc]

does not do anything line-height: 0px;

[Dormilich]

er, line-height does not have anything to do with border, it’s for text layout.

[ismailc]

Thanks for helping :)

[ismailc]

Hi, the line-height does not change the dropdown height

i have to change the font, is there not another way?

Regards

[TheServant]

so changing:

font: 8px red ...

for the select box doesn't work?

[ismailc]

Is there any other way besides changing the font size?

Thanks

[TheServant]

I have lost track of what you are trying to do and what the problem is. Please give the basic html, css and a screenshot for further assistance.

[ismailc]

Hi,

I'm trying to increase the height of dropdownlist <select> tag textbox.
I found that changing the border color in IE7 is not possible & there fore changed the font to increase the height of the dropdown.

I increased the height by increasing the font - but I dont really want to increase the font.

Thank You :)