web-dev-qa-db-ja.com

ドロップダウン<選択>ボックスの幅を調整するにはどうすればよいですか？

Cssを使用せずに選択したHTMLボックスの幅を調整する必要がありますが、方法はありますか？サイズを試してみましたが、高さを調整しているのですが、幅は何もしませんか？別の方法はありますか？

htmlxhtml
7
Elitmiar
<style type="text/css">     
    select {
        width:200px;
    }
</style>

それは機能しませんか？

8
inkedmn

http://www.w3.org/TR/html401/interact/forms.html#h-17.6 のように純粋なHTMLでそれを行う方法はありません。 style要素を使用して設定できますが、インラインであるという点でcssはありません。

<select style="width: ....
16
stimms

十分なスペースがある空のオプションを追加します...

1
jao

Jqueryを使用している場合、Maths Physics Chemistry

これは私の選択したhtmlコードです。したがって、クラス名を含むjqueryクラス名を含む別のdivを追加し、クラスに高さと幅を適用する必要があります。

<div class="ui-select selBox"> 
    <select>
    <option>Maths</option>
    <option>Physics</option>
    <option>Chemistry</option>
    </select>
</div>
.selBox{
 width: 470px !important;
 height: 40px !important;
}

ここで、selBoxは私のクラス名であり、ui-selectはjqueryクラス名です。

0
Karthik Sivakumar