Removing white border from select drop downs in IE7

@W8_4meauthorMar 08.2012 — #I've found a work around with HTML/CSS.

<i>
 </i>&lt;html&gt;
 &lt;head&gt;
 &lt;style type="text/css"&gt;
 body { 
 background-color: #94DBFF; 
 }
 
 hr { 
 height: 3px; 
 margin-top: 9px; 
 color: #94DBFF; 
 }
 
 select { 
 width: 140px; 
 height: 20px; 
 }
 
 #select_mask_wrapper { 
 position: relative; 
 }
 
 #select_mask { 
 position: absolute; 
 z-index: 1; 
 width: 140px; 
 height: 20px; 
 border-top: 3px solid #94DBFF; 
 border-left: 3px solid #94DBFF; 
 }
 &lt;/style&gt;
 &lt;/head&gt;
 &lt;body&gt;
 &lt;div id="select_mask_wrapper"&gt;
 &lt;div id="select_mask"&gt;
 &lt;hr /&gt;
 &lt;/div&gt;
 &lt;select name="somedropdown"&gt;
 &lt;option value="" selected&gt;Select...&lt;/option&gt;
 &lt;option value=""&gt;&lt;/option&gt;
 &lt;option value="Cheese"&gt;Cheese&lt;/option&gt;
 &lt;option value="Crackers"&gt;Crackers&lt;/option&gt;
 &lt;option value="Grapes"&gt;Grapes&lt;/option&gt;
 &lt;option value="Sandwiches"&gt;Sandwiches&lt;/option&gt;
 &lt;/select&gt;
 &lt;/div&gt;
 &lt;/body&gt;
 &lt;/html&gt;

Removing white border from select drop downs in IE7

1 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

Removing white border from select drop downs in IE7

1 Comments(s) ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

1 Comments(s) _↴

Also in #CSS _↴