0

select HTML コントロールのすべてのオプションを行ごとに区切ることはできますか?

以下のコードがあります

<select>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
    <option>6</option>
</select>

すべてのオプションに下枠を追加する必要があります.jsなしで可能ですか....???

4

5 に答える 5

0

スタイリングのブラウザー サポートはoption非​​常に限られています。ドロップダウンのスタイルを設定する場合は、ここにあるチュートリアルなど、他の方法を検討することをお勧めします。

http://tympanus.net/codrops/2012/10/04/custom-drop-down-list-styling/

これは、リストと jquery を使用して、完全にカスタマイズ可能なドロップダウンを作成します。

アップデート：

または...調べてください：

于 2013-10-16T12:08:31.357 に答える
-2

CSS を使用すると、次のことができます。

select option {
  border-bottom: 1px solid black;
}

デモ: http://jsfiddle.net/jvaibhav/jXmxm/

于 2013-10-16T11:57:30.083 に答える
-2

はい。以下のコードを試してください。

<select>
    <option class="opt">1</option>
    <option class="opt">2</option>
    <option class="opt">3</option>
    <option class="opt">4</option>
    <option class="opt">5</option>
    <option class="opt">6</option>
</select>

とCSS

.opt
{
    border-bottom:1px solid #333;
}
于 2013-10-16T11:56:15.377 に答える