Javascript 如何将css属性重写为默认值？

更新

我已经在fieldset和select元素上通过样式设置了“height:auto；”属性，但是它仍然会导致选择框具有CSS中为“fieldset select”指定的原始高度，即20px。如果我在CSS中将它改为“auto”，它会工作，但由于我需要覆盖它，我不知道是什么导致了这一点

                <fieldset style="width:62%; float:left; margin-left: 19%; height: auto; !important">

                    <select style="height: auto; !important" name="searchable[]" id='searchable' multiple='multiple' size='10' >
                        <option value='1'>127.0.0.1</option>
                        <option value='2'>127.0.0.5</option>
                        <option value='3'>127.0.0.10</option>
                        <option value='4'>127.0.0.15</option>
                        <option value='5'>127.0.0.20</option>
                        <option value='6'>127.0.0.25</option>
                        <option value='7'>127.0.0.30</option>
                        <option value='8'>127.0.0.35</option>
                        <option value='9'>127.0.0.40</option>
                        <option value='10'>127.0.0.45</option>
                        <option value='11'>127.0.0.50</option>
                        <option value='12' SELECTED>127.0.0.55</option>
                        <option value='13' SELECTED>127.0.0.60</option>
                    </select>

                </fieldset><div class="clear"></div>

127.0.0.1
127.0.0.5
127.0.0.10
127.0.0.15
127.0.0.20
127.0.0.25
127.0.0.30
127.0.0.35
127.0.0.40
127.0.0.45
127.0.0.50
127.0.0.55
127.0.0.60

它应该是：

fieldset select.clearheight{
  height: auto;
}

您需要链选择和.clearheight

---

如果需要增加优先级，请尝试以下方法（请记住，这是一种不好的做法）：

---

希望这有帮助。

更改，您在

选择之间添加了空格。clearheight

                                        /\ 

fieldset select .clearheight{
height: auto;
}

到

试试看

<fieldset style="width:62%; float:left; margin-left: 19%;height:auto !important">

---

使用两个类，并从jquery中使用addClass和removeClass来切换它们。

尝试以下操作：

HTML:

---

检查此项：

规则

select.clearheight

应该是

select.clearheight

。我尝试了这个，但没有成功。我还尝试在字段集和选择框上设置style=“height:auto；”，但仍然不起作用，但是当从字段集css中删除“height:20px”时，它仍然可以完美地工作。谢谢，这看起来是问题之一，但即使取消类并直接在元素的style属性中设置它，它不起作用了。“自动”不是正确的选项吗？如果是这种情况，您需要增加优先级。请参阅编辑。我刚才也添加了该选项，但仍然不起作用。我更新了原始帖子并显示了代码查看您的代码，看起来高度已设置为自动，这正是您要找的，对吗？我让步了，只是删除了原始css中的“高度”行，因为它似乎不会影响其余的选择框，但确实解决了这一问题，也许这与我正在使用的脚本有关。我会接受你的回答，因为它确实是正确的，谢谢！

fieldset select.clearheight{
height: auto;
}

<fieldset style="width:62%; float:left; margin-left: 19%;height:auto !important">

<select class="clearheight" name="searchable[]" id='searchable' multiple='multiple' size='10' >
    <option value="1">A</option>
    <option value="1">B</option>
    <option value="1">C</option>
</select>
</fieldset>

    fieldset select {
width: 96%;
margin: 0 10px;
border: 1px solid #bbb;
height: 20px;
color: #666666;
}

fieldset .clearheight{
height: auto;
}