如何覆蓋CSS屬性為默認值？

Question

更新

我設置了“高度：自動；” 屬性通過fieldset和select元素上的樣式設置，但是仍然會導致選擇框具有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>

Answer 1

它應該是：

fieldset select.clearheight{
  height: auto;
}

您需要鏈式選擇和.clearheight

如果您需要增加優先級，請嘗試以下操作（請記住，這是一種不好的做法）：

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

希望這可以幫助。

Answer 2

更改，您在select .clearheight之間添加了空格

                                        /\ 

fieldset select .clearheight{
height: auto;
}

至

fieldset select.clearheight{
height: auto;
}

Answer 3

試試吧，

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

Answer 4

使用2個類，並使用jquery的addClass和removeClass進行切換。

Answer 5

嘗試這個：

HTML：

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

CSS：

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

fieldset .clearheight{
height: auto;
}

檢查一下： http : //jsfiddle.net/78Fu4/