Connecting Tech Pros Worldwide Forums | Help | Site Map

Change DropDown border color in IE7

Familiar Sight
 
Join Date: Sep 2006
Posts: 142
#1: Oct 15 '09
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's Avatar
Expert
 
Join Date: Sep 2006
Posts: 5,574
#2: Oct 15 '09

re: Change DropDown border color in IE7


Haven't a clue what that is but it's neither html or css.
Familiar Sight
 
Join Date: Sep 2006
Posts: 142
#3: Oct 15 '09

re: Change DropDown border color in IE7


A Drop Down Box border color!
drhowarddrfine's Avatar
Expert
 
Join Date: Sep 2006
Posts: 5,574
#4: Oct 15 '09

re: Change DropDown border color in IE7


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's Avatar
Expert
 
Join Date: Feb 2008
Location: Australia
Posts: 914
#5: Oct 15 '09

re: Change DropDown border color in IE7


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

If you haven't already read this, do! Pay attention especially to the second reply:
Quote:
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.
Familiar Sight
 
Join Date: Sep 2006
Posts: 142
#6: Oct 16 '09

re: Change DropDown border color in IE7


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's Avatar
Expert
 
Join Date: Feb 2008
Location: Australia
Posts: 914
#7: Oct 18 '09

re: Change DropDown border color in IE7


1px is pretty thin, I think there's something else going on. Can you post a screenshot?
Familiar Sight
 
Join Date: Sep 2006
Posts: 142
#8: Oct 19 '09

re: Change DropDown border color in IE7


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's Avatar
Moderator
 
Join Date: Aug 2008
Location: Leipzig, Germany
Posts: 3,660
#9: Oct 19 '09

re: Change DropDown border color in IE7


to increase the height you can also try the line-height property.
Familiar Sight
 
Join Date: Sep 2006
Posts: 142
#10: Oct 19 '09

re: Change DropDown border color in IE7


does not do anything line-height: 0px;
Dormilich's Avatar
Moderator
 
Join Date: Aug 2008
Location: Leipzig, Germany
Posts: 3,660
#11: Oct 19 '09

re: Change DropDown border color in IE7


er, line-height does not have anything to do with border, it’s for text layout.
Familiar Sight
 
Join Date: Sep 2006
Posts: 142
#12: Oct 19 '09

re: Change DropDown border color in IE7


Thanks for helping :)
Familiar Sight
 
Join Date: Sep 2006
Posts: 142
#13: Oct 19 '09

re: Change DropDown border color in IE7


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

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

Regards
TheServant's Avatar
Expert
 
Join Date: Feb 2008
Location: Australia
Posts: 914
#14: Oct 19 '09

re: Change DropDown border color in IE7


so changing:
Expand|Select|Wrap|Line Numbers
  1. font: 8px red ...
for the select box doesn't work?
Familiar Sight
 
Join Date: Sep 2006
Posts: 142
#15: Oct 20 '09

re: Change DropDown border color in IE7


Is there any other way besides changing the font size?

Thanks
TheServant's Avatar
Expert
 
Join Date: Feb 2008
Location: Australia
Posts: 914
#16: Oct 20 '09

re: Change DropDown border color in IE7


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.
Familiar Sight
 
Join Date: Sep 2006
Posts: 142
#17: Oct 20 '09

re: Change DropDown border color in IE7


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 :)
Reply


Similar HTML / CSS bytes