嗨,我想在 HTML 中更改下拉菜单的样式,靠近选项标签。在 Firefox 中它可以工作,但在 IE 和 google chrome 中不能正常工作。
填充仅在 Firefox 中有效。背景颜色适用于所有浏览器,但在 IE 中您可以看到它,即使在所选值上也是如此。
html:
<label for="locale">locale:<em>*</em></label>
<select name="locale" id="locale">
<option selected="selected">en_CA</option>
<option>en_US</option>
<option>fr_FR</option>
<option>fr_CA</option>
<option>ja_JP</option>
</select><br />
CSS:
label{
margin: 5px 0px 10px 0px;
padding: 5px;
height: 22px;
display: inline-block;
width: 100px;
}
label em{
color: red;
font-family: Arial;
font-weight: bold;
}
select{
color: #333;
margin: 5px 0px 10px -5px;
padding: 5px;
height: 32px;
width: 262px;
border: #999 1px solid;
}
select option {
padding: 5px 8px;
background: #ddd;
}