为我遇到的问题寻找解决方案。
我正在制作一个具有选择标签的响应式网站,以允许用户选择他们想要显示 html 的博客文章类别,这只是一个基本的选择标签。
<select name="">
<option value="">Sort by Category</option>
<option value="">test</option>
<option value="">Test</option>
</select>
然后,我使用以下代码设置了 select 标签的样式
.portfolio-thumbs select {
width:100%;
padding:0.625em;
border:none;
background:#33c3e2;
color:#fff;
font-size:1.125em;
}
select {
-webkit-appearance: none;
border-radius: 0;
}
这在 Windows 手机上运行良好,但在 Iphone、Blackberry 和 Android 上,选择框的箭头不显示。有没有人遇到过这个问题,并且知道我在我的 CSS 中做了什么来禁用箭头显示或有一个解决方案来让箭头返回,同时仍然能够设置我想要的样式。