Question

更新

我设置了“height：auto;”在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;
}

你需要链接select和.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/

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

5 个答案: