选择的默认样式

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()文档.引用:

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