我发现当我设计元素时(具体来说,使用background: transparent
),iOS 上的 Safari 中缺少箭头。你们中有人经历过这种情况或者知道为什么它隐藏浏览器镶边吗?我可以使用条件语句仅在 iOS 上的 Safari 上应用 CSS(不带 JS)吗?
该设备运行的是 iOS 6.1.2。
这是 iOS (iPad2) 中 Safari 的屏幕截图:
以下是 Safari 上的屏幕截图(桌面版、Windows 7,所有其他桌面浏览器均相同):
CSS:
select.choose_state,
select.choose_state option {
background: transparent;
}
select.choose_state {
border: 1px solid #000;
-webkit-appearance: none;
-webkit-border-radius: 0px;
outline: none;
float: right;
position: relative;
top: 35px;
margin-right: 15px;
font-size: 1.4em;
}
HTML:
<select name="state_select" id="state_select" class="choose_state" size="1">[...]</select>
如果你告诉 webkit 删除所有默认样式,它会删除它,还有箭头(在 iOS 中)。您必须创建一个箭头并将其移动到选择字段上。
I made this pen http://codepen.io/loredonut/pen/xvtHG,包括所有内容.dblarrow
(CSS 和 HTML)并添加标记为的样式/*Important*/
.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)