469,336 Members | 5,552 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,336 developers. It's quick & easy.

Change DropDown border color in IE7

200 100+
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
Oct 15 '09 #1
16 18501
drhowarddrfine
7,435 Expert 4TB
Haven't a clue what that is but it's neither html or css.
Oct 15 '09 #2
ismailc
200 100+
A Drop Down Box border color!
Oct 15 '09 #3
drhowarddrfine
7,435 Expert 4TB
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'.
Oct 15 '09 #4
TheServant
1,168 Expert 1GB
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.
Oct 15 '09 #5
ismailc
200 100+
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!
Oct 16 '09 #6
TheServant
1,168 Expert 1GB
1px is pretty thin, I think there's something else going on. Can you post a screenshot?
Oct 18 '09 #7
ismailc
200 100+
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 :)
Oct 19 '09 #8
Dormilich
8,651 Expert Mod 8TB
to increase the height you can also try the line-height property.
Oct 19 '09 #9
ismailc
200 100+
does not do anything line-height: 0px;
Oct 19 '09 #10
Dormilich
8,651 Expert Mod 8TB
er, line-height does not have anything to do with border, itís for text layout.
Oct 19 '09 #11
ismailc
200 100+
Thanks for helping :)
Oct 19 '09 #12
ismailc
200 100+
Hi, the line-height does not change the dropdown height

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

Regards
Oct 19 '09 #13
TheServant
1,168 Expert 1GB
so changing:
Expand|Select|Wrap|Line Numbers
  1. font: 8px red ...
for the select box doesn't work?
Oct 19 '09 #14
ismailc
200 100+
Is there any other way besides changing the font size?

Thanks
Oct 20 '09 #15
TheServant
1,168 Expert 1GB
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.
Oct 20 '09 #16
ismailc
200 100+
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 :)
Oct 20 '09 #17

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

2 posts views Thread by Susan Cranford | last post: by
1 post views Thread by csgraham74 | last post: by
31 posts views Thread by jcrouse | last post: by
7 posts views Thread by Hank | last post: by
1 post views Thread by Arpan | last post: by
1 post views Thread by David Veeneman | last post: by
3 posts views Thread by =?Utf-8?B?Q2xhZXNXZWRpbg==?= | last post: by
1 post views Thread by CARIGAR | last post: by
reply views Thread by zhoujie | last post: by
reply views Thread by suresh191 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.