0

我正在尝试从选择框中的选项中删除边框,但放入border:0px;选项不起作用。选择元素本身在所有浏览器中看起来都一样,但是当单击打开时,下面的选项看起来带有边框,并且宽度和填充因浏览器而异。

有什么方法可以从选项中删除边框并使其在所有使用 CSS 的浏览器中看起来都一样?

谢谢

HTML

<div class="field_element">
   <select name="select_administrator">
    <option value="NO">NO</option>
    <option value="YES">YES</option>
   </select>
</div>

CSS

.field_element select
{
    font-family: Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
    font-size: 12px;
    color: #5d5d5d;
    outline: none;
    background-color: #ffffff;
    border: 1px solid #DDDDDD;
    padding: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
}
.field_element option
{
    padding: 0px 3px 0px 3px;
}
4

0 回答 0