javascript - 如何将 css 属性覆盖为默认值？

Question

已更新

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

                <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>

Answer 1

应该是:

fieldset select.clearheight{
  height: auto;
}

你需要链接 select 和 .clearheight

如果您需要提高优先级，那么试试这个(记住这是不好的做法):

fieldset select.clearheight{
  height: auto; !important
}

希望这对您有所帮助。