3

CSS であれ、jQuery であれ、Internet Explorer (6、7、および 8) で発生した問題を修正するための最も簡単な解決策を探しています。幅が定義された SELECT 入力があります (レイアウト内の場所のため)。幅が定義されているため、値の全長を表示するために自動的にサイズ変更される Firefox や Safari とは異なり、select は完全な値を表示することから切り離されます。

確かにこれは一般的な問題ですか？何か案は？

コード例:

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

私は CMS システムを使用しています。クラス ' productSelectInput' は、Web サイト全体で一貫性を保つ唯一の識別子です。、およびプロパティが変更さIDれます。nameonchange

4

5 に答える 5

4

ここでは、jQuery を使用した情報と解決策を示します。

于 2009-04-06T00:55:42.960 に答える
1

これらの制約を考えると、私が IE に提案できる唯一のことは、フォントのサイズを小さくすることです。

それ以外の方法があるかどうかはわかりません。

于 2009-04-06T00:36:24.020 に答える
1

通常の 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');                            
    });
于 2011-02-14T20:24:50.833 に答える
0

ie8 が疑似クラス :focus をサポートしている場合、選択がクリックされたときにより大きな幅を指定できます。ただし、ie6 では動作しません。おそらく ie7 では動作しません。

于 2009-04-06T20:18:34.053 に答える
0

私に関する限り、これはブラウザの問題 (IE) です。

  を含めることができます。オプションをラップするか、フォーカスおよびぼかしイベントで Javascript を使用して動的に選択のサイズを変更します。また、css と javascript (「select」ではなく「ul」) を使用してドロップダウン メニューを作成し、インターフェイスを完全に制御することもできます。(onBlur、javascript は非表示の入力に値を書き込む必要があります)。

于 2009-04-06T00:50:05.827 に答える