I'd like to change the style of my asp:Listbox controls. I would like the borders wich it generates automaticly to be thin and black. How can i change the style of the asp:listbox? Css doesn't seem to be working properly.What does the rendered HTML look like?you know, it looks like an ugly Microsoft environnement. With the gray 3D borders and the ugly gray scrollbars. Id like to adjust the border style and the colors, width of the ASP:Listbox border. but it stays 3D gray. And I tried to put Css on it. In my (VS2005) design view I can see the Css having it's effect, but when I run the site the microsoft **** takes over again. How can I keep this Css in effect?
thx in advanceWhat does the rendered HTML look like? We can't help without seeing this.<tr>
<td rowspan="4" style="width:188px;"><select size="4" name="ctl00$ContentPlaceHolder1$lstRoot1" onchange="javascript:setTimeout('__doPostBack(\'ctl00$ContentPlaceHolder1$lstRoot1\',\'\')', 0)" id="ctl00_ContentPlaceHolder1_lstRoot1" class="list" style="height:250px;width:188px;">
<option value="Products">Produkten</option>
<option value="Events">Evenementen</option>
<option value="Software">Software</option>
</select></td><td rowspan="4" style="width:187px;"><select size="4" name="ctl00$ContentPlaceHolder1$lstRoot2" onchange="javascript:setTimeout('__doPostBack(\'ctl00$ContentPlaceHolder1$lstRoot2\',\'\')', 0)" id="ctl00_ContentPlaceHolder1_lstRoot2" disabled="disabled" class="list" style="height:250px;width:187px;">
<option value="Choose"><< Choose</option>
</select></td><td rowspan="4" style="width:187px;"><select size="4" name="ctl00$ContentPlaceHolder1$lstRoot3" onchange="javascript:setTimeout('__doPostBack(\'ctl00$ContentPlaceHolder1$lstRoot3\',\'\')', 0)" id="ctl00_ContentPlaceHolder1_lstRoot3" disabled="disabled" class="list" style="height:250px;width:187px;">
<option value="Choose"><< Choose</option>
</select></td><td class="text" align="center" valign="middle" style="height:100px;width:188px;"></td>
</tr>You can not change very much in setect boxes, at best the color and background of the option text (x-browser).
The colors of the scrollbar can be changed in IE.
If you really want to change the borders then use a ul or div in place of the select.
thx in advanceWhat does the rendered HTML look like? We can't help without seeing this.<tr>
<td rowspan="4" style="width:188px;"><select size="4" name="ctl00$ContentPlaceHolder1$lstRoot1" onchange="javascript:setTimeout('__doPostBack(\'ctl00$ContentPlaceHolder1$lstRoot1\',\'\')', 0)" id="ctl00_ContentPlaceHolder1_lstRoot1" class="list" style="height:250px;width:188px;">
<option value="Products">Produkten</option>
<option value="Events">Evenementen</option>
<option value="Software">Software</option>
</select></td><td rowspan="4" style="width:187px;"><select size="4" name="ctl00$ContentPlaceHolder1$lstRoot2" onchange="javascript:setTimeout('__doPostBack(\'ctl00$ContentPlaceHolder1$lstRoot2\',\'\')', 0)" id="ctl00_ContentPlaceHolder1_lstRoot2" disabled="disabled" class="list" style="height:250px;width:187px;">
<option value="Choose"><< Choose</option>
</select></td><td rowspan="4" style="width:187px;"><select size="4" name="ctl00$ContentPlaceHolder1$lstRoot3" onchange="javascript:setTimeout('__doPostBack(\'ctl00$ContentPlaceHolder1$lstRoot3\',\'\')', 0)" id="ctl00_ContentPlaceHolder1_lstRoot3" disabled="disabled" class="list" style="height:250px;width:187px;">
<option value="Choose"><< Choose</option>
</select></td><td class="text" align="center" valign="middle" style="height:100px;width:188px;"></td>
</tr>You can not change very much in setect boxes, at best the color and background of the option text (x-browser).
The colors of the scrollbar can be changed in IE.
If you really want to change the borders then use a ul or div in place of the select.