Page is a not externally linkable
- Code, Content, and Presentation
-- JavaScript and AJAX
---- Applying Class in IE 9 "Chops off" default list item


rocknbil - 4:34 pm on Mar 27, 2012 (gmt 0)


Well, it works in that it stops chopping the word -SELECT- but it no longer bolds it. :-) I tried form select.needsfilled { font-weight:bold; } and it does the exact same thing.

It's as if IE has a "rendering space" for the select element option's text and doesn't know to expand it when applying bold dynamically. When I set the style in the sheet, or do this,

<select id="state" name="state" class="needsfilled">

then

$(document).ready(function(){
$('#lp-forms #state').removeClass("needsfilled");

It accepts it normally without chopping it off. Pretty tacky workaround. :-/


Thread source:: http://www.webmasterworld.com/javascript/4433633.htm
Brought to you by WebmasterWorld: http://www.webmasterworld.com