[英]html select box down arrow looks like mouse
在IE8,9和10上,选择元素看起来像所附图片。 下拉箭头将替换为看起来或类似鼠标的东西。
在Firefox和Chrome上,它看起来像是带有向下箭头的标准下拉菜单。
我找不到在CSS上做过任何更改选择的任何地方。
有什么建议么?
<td>
<select id='allocated' name='alloc' onchange='allocChange()'>
<option value='??' selected='selected'>??</option>
<option value='1A' >1A</option>
<option value='1B' >1B</option>
<option value='1C' >1C</option>
<option value='2A' >2A</option>
<option value='2B' >2B</option>
<option value='3A' >3A</option>
</select>
</td>
CSS不是一个因素-即使未加载样式表,也会发生相同的情况
它可能是默认设置。但是您可以使用css更改箭头
.styleSelect select {
background: transparent;
width: 168px;
padding: 5px;
font-size: 16px;
line-height: 1;
border: 0;
border-radius: 0;
height: 34px;
-webkit-appearance: none;
color: #000;
}
.styleSelect {
width: 140px;
height: 34px;
overflow: hidden;
background: url("images/downArrow.png") no-repeat right #fff;
border: 2px solid #000;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.