我們可以按行選擇HTML控件中的每個選項嗎？

我們可以按行選擇HTML控件中的每個選項嗎？我們可以按行選擇HTML控件中的每個選項嗎？

我有下面的代碼

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

我需要添加底邊框的每一個選項是有可能不JS .... ???

來源

2013-10-16 Kinjan Koradiya

你試圖將它添加？ –

是如此的強悍嗎？ http://jsfiddle.net/JvGSA/ –

@Mr。在所有瀏覽器中都不起作用的外星人 – Prisoner

-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-16 11:56:15 Kishori

在Chrome中不起作用 – Reeno

-2

有了CSS，您可以：

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

演示：http://jsfiddle.net/jvaibhav/jXmxm/

來源

2013-10-16 11:57:30

OOP's，42？你偷了：D –

@Mr。外星人號我在Jsfiddle沒有賬號。所以我更新了一些人的鏈接previos是：http://jsfiddle.net/DfHSS/ –

哦，嗯，反正，不是下來的投票者:) –

<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{ 
    text-decoration:underline; 
}

試試這個

注意：這是不工作的鉻。 html select對樣式有很多限制。不過，我們可以使用一些卡車來添加樣式選擇框。對於

裁判：http://cssglobe.com/custom-styling-of-the-select-elements/

來源

2013-10-16 12:02:13

不適用於鉻 –

@Kinjan哪個版本？它爲我工作 –

Chrome 29.0.1547.49 –

我不知道究竟是如何做到這一點通過CSS，因爲它的用法很爲option標籤的限制，但有一兩件事可以幫助，但不是完美的解決方案。要添加一個禁用選項與類dis。

<select> 
    <option>1</option> 
    <option class='dis' disabled="disabled">--------</option> 
    <option>2</option> 
    <option class='dis' disabled="disabled">--------</option> 
    <option>3</option> 
    <option class='dis' disabled="disabled">--------</option> 
    <option>4</option> 
    <option class='dis' disabled="disabled">--------</option> 
    <option>5</option> 
    <option class='dis' disabled="disabled">--------</option> 
    <option>6</option> 
</select>

和CSS：

select option.dis { 
    letter-spacing: -1px; 
}

http://jsfiddle.net/JvGSA/1/

來源

2013-10-16 12:02:16

爲option造型瀏覽器支持是非常有限的，如果你想樣式下拉菜單我建議尋找其他手段，如發現教程這裏：

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

這使用列表和jQuery來創建一個完全可定製的下拉列表。

更新：

還是...看看：

來源

2013-10-16 12:08:31 darcher

我們可以按行選擇HTML控件中的每個選項嗎？

回答

相關問題