刪除多個選擇默認的背景

我有這樣的多重選擇，我想更改默認背景的individidual <option>刪除多個選擇默認的背景

<select size="8" name="lstSelectedPackages" style="width:100%"> 
    <option value="" selected="selected">Select</option> 
</select>

小提琴：http://jsfiddle.net/ux4DD/180/

謝謝！

來源

2013-02-13 BurebistaRuler

'select {background：red; }'？ – Andy 2013-02-13 10:50:49

哪個背景.. ??身體bg。??選擇BG .. ?? div bg .. ??什麼..？？ – 2013-02-13 10:54:04

@Dipesh Parmar只選擇了線條背景。 – BurebistaRuler 2013-02-13 10:59:26

只要改變背景的風格，如下

<select size="8" name="lstSelectedPackages" style="width:100%; background:#fff999"> 
    <option value="" selected="selected">Select</option> 
</select>

，如果你想這樣做的所有選擇標籤，那麼你可以在CSS

select{ 
    background: #fff999; 
}

您可以使用jQuery添加以下代碼雖然如下：

$("option:selected").css{"background", "#fff999"}

來源

2013-02-13 10:53:33 zdesam

我不想改變背景全部僅爲選定的行選擇：| – BurebistaRuler 2013-02-13 10:56:54

爲選定的選項，你可以嘗試這一個**選項[選擇] {背景：＃fff999} **注意：這可能是瀏覽器依賴，但 – zdesam 2013-02-13 11:10:20

更新的小提琴演示如何做到這一點：http://jsfiddle.net/ux4DD/181/

應該指出的是，當涉及到跨瀏覽器樣式的選擇時，臭名昭着地不可靠，因此您的樣式可能不會在所有瀏覽器/版本中一致顯示。

select { 
    height:50px; 
    background-color: #dcdcdc; 
}

如果你只想要一個選擇有特定的背景顏色/風格用一個類來定義例如它

<select class="my-select-class"> 
<option>2</option> 
</select> 

.my-select-class { 
    background-color: #dcdcdc; 
}

建議您不要在您的網頁上使用內聯樣式，因爲這會讓他們成爲噩夢來維持生產線。

堅持外部樣式表。

來源

2013-02-13 10:54:38

我不想改變所有選擇的背景只爲選定的行：| – BurebistaRuler 2013-02-13 10:57:40

@burebistaruler - 請參閱上面我更新的答案。 – 2013-02-13 10:58:09

只適用於選定的行... – BurebistaRuler 2013-02-13 11:01:02

使用background-color

select{ 
    height:50px; 
    background-color:green; 

}

使用jQuery更新

。

$('option').css('background', 'none'); 
$('option:selected').css('backgroundColor', 'red');

fiddle here

來源

2013-02-13 10:55:36 bipen

我不想改變所有隻選擇行的背景： – BurebistaRuler 2013-02-13 10:58:07

更新了我的答案，請檢查 – bipen 2013-02-13 11:09:28

如果jQuery是最適合你的話，我相信，這將切切實實的幫助。

<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript"> 

    $(function() 
    { 

     $("select option:selected").each(function() 
     { 
      $(this).css('background-color','red'); 
     }); 

    }); 

</script> 
<select name="garden"> 
    <option>Flowers</option> 
    <option selected="selected">Shrubs</option> 
    <option>Trees</option> 
    <option>Bushes</option> 
    <option>Grass</option> 
    <option>Dirt</option> 
</select> 
<div></div>

來源

2013-02-13 11:04:01

我想你想要的答案是這樣

jQuery的

$('.mySelect').change(function() { 
$(this).find('option').css('background-color', 'transparent'); 
$(this).find('option:selected').css('background-color', 'red'); 
}).trigger('change');

的Html

<select class="mySelect"> 
<option value="1" selected="selected">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
<option value="4">4</option> 
</select>

See Demo Refrence link

來源

2013-02-13 11:10:32 Dineshkani

刪除多個選擇默認的背景

回答

相關問題