javascript - 选择的默认样式

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 .引用:

Setting the value of a style property to an empty string — e.g. $('#mydiv').css('color', '') — removes that property from an element if it has already been directly applied, whether in the HTML style attribute, through jQuery's .css() method, or through direct DOM manipulation of the style property.