默认样式为选择

Question

<select id="select"> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
</select> 

<span id="red">red </span> <span id="default">default</span> 

$("#red").click(function(){ 
    $("#select").css('background-color', 'red'); 
}); 

$("#default").click(function(){ 
    $("#select").css('background-color', 'white'); 
}); 

如果我点击红色，然后选择是红色。我如何设置选择的默认样式，对白色？

Answer 1

只需删除属性的背景颜色重置为默认：

$("#default").click(function(){ 
    $("#select").css('background-color', ''); 
}); 

仅供参考，请参阅jQuery .css() docs。引用：

将style属性的值设置为空字符串 - 例如， $('#mydiv').css('color', '') - 如果元素已被直接应用，则从元素 中删除该属性，无论是在HTML样式 属性中，是通过jQuery的.css（）方法还是通过直接DOM 操作style属性。