选择框选项样式以删除边框

时间:2012-12-05 11:44:03

标签: html css

我正在尝试从选择框中的选项中删除边框,但将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;
}

0 个答案:

没有答案
相关问题