IE input selection block

Question

I am looking for the easiest solution to solve the problem that I have in Internet Explorer (6.7 and 8), whether it's CSS or using jQuery. I have a SELECT input with a specific width (due to where it is in the layout). Due to the fact that a certain selection width is disabled from displaying their full values, unlike Firefox and Safari, where they are automatically changed to show the full length of the value.

Is this a common problem? Any ideas?

code example:

<select id="Grouping_662066" class="productSelectInput" name="AddToCart_Grouping" onchange="DrawProduct(36331,662066,this.value,'',true);">
</select>

I use the CMS system, the class ' productSelectInput' is the only identifier that will be included on the website. Properties will change ID, nameand onchange.

Answer 1

Here is the information and solution using jQuery.

Answer 2

Given these limitations, the only thing I can offer for IE is to possibly reduce the font size.

I am not sure otherwise.

Answer 3

Javacsript, onmousedown, onblur onchange CSS. jQuery ( ).

    var example = $('#some-id');

    $(example).mousedown(function() {
            $(this).css('width','400px');                            
    });
    $(example).blur(function({
            $(this).css('width','200px');                            
    });
    $(example).change(function() {
            $(this).css('width','200px');                            
    });

Answer 4

, (IE).

& nbsp; Javascript . , css javascript (no 'select', 'ul') . (onBlur, javascript ).

Answer 5

ie8 psuedo-class: focus, . ie6 , , ie7