我需要设置选择框的背景颜色为黄色。当我测试的时候,在Android2.3和Android3.0上确实会显示带有黄色和箭头的框。
这是我为html选择设置背景颜色的代码。
<select style="background-color:#FFFF00;border:#FFFF00;height:25px;font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:14px; font-weight:bold; text-align:center;">
<option></option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
Android浏览器对s的呈现是错误的,如果应用了背景或边框,将会删除正常的样式。
由于的外观不像
的外观是一个相当大的可用性问题,因此最好不要仅针对此浏览器对其进行样式化。
不幸的是,没有选择/排除Android浏览器的纯CSS方法,因此我建议您使用布局引擎(https://github.com/stowball/layout-engine),它将向标记添加一个
.browser-android
类。
然后,您可以为除Android浏览器之外的所有设置样式,如下所示:
html:not(.browser-android) select {
background: #0f0;
border: 1px solid #ff0;
}