在iOS上的Safari上的<select>元素上消除箭头和样式
我发现当我devise元素（特别是background: transparent ）时，iOS上的Safari中缺less箭头。 有没有人经历过这个，或知道为什么它隐藏浏览器铬？ 我是否可以使用条件语句来为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中）。 您将不得不创build一个箭头，并将其移到select字段上。
我制作了这支笔 ，用.dblarrow （CSS和HTML）包含了所有内容，并添加了标有/*Important*/样式。
一个很晚的答案，但一个人的小技巧。
下面的代码保持select在桌面上透明，但让iOS上的默认select样式。
select { background: rgba(0, 0, 0, 0.005); }