选择的默认样式

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。引用：

  

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