2011-07-04 17 views
0

こんにちは、HTMLでは水平スクロールバーをドロップダウンボックスに追加する方法はありますか?ファイアフォックスではボックスは動的に拡張されますが、IEではなく、Ivはgoogleを試みましたが成功しませんでした!ありがとうございました。HTMLドロップダウンボックスに水平スクロールバーを追加

<div class="filterform-row"> 
    <t:label for="networkGroup" /> 
    <t:select t:id="networkGroup" encoder="networkGroupEncoder" model="networkGroupsModel" blankOption="ALWAYS" class="expand"/> 
</div> 

div.filterform-row select { 
    background: transparent url(images/img13.gif) repeat-x scroll 0 0; 
    border: 1px solid silver; 
    color: #626262; 
    font-size: 11px; 
    margin: 5px; 
    width: 100px; 
    overflow-y: auto; 
    overflow-x: auto; 
    display:block; 
} 
+0

htmlとcssを追加できますか? –

答えて

0

あなたは、おそらく何らかの形であなたのCSSのどこかに固定サイズにselect要素の幅を設定しています。ダウンあなたのドロップにこのstyleプロパティを追加

試してみてください。

<select ... style="width: auto;" /> 

これがデフォルト(自動)に要素のwidthプロパティをリセットします。すべてのブラウザに必要な範囲で正確にレンダリングする必要があります。

+0

'width:auto!important;'を使用して、 'style'で指定されたプロパティが何かの代わりに使われていることを確認することをお勧めします。 – Albireo

+1

@Albireo:すでに '!important'幅が設定されていない限り、これは必要ではありません。 'style'で設定されたCSSプロパティは、他の場所で設定されたものより高い優先度を持っています。 – Henning

+0

真実ですが、それはテスト目的のためです(そして、私はこれに感銘を受けました - ありがとう、デザイナー!)それはそのように振る舞うことを完全に確かめている以外は何の害もありません。 – Albireo

関連する問題