带有 HTML 选择标签颜色的 iOS9 Cordova 项目答案

【问题标题】：iOS9 Cordova project with HTML select tag color带有 HTML 选择标签颜色的 iOS9 Cordova 项目
【发布时间】：2015-09-17 09:59:18
【问题描述】：

我正在使用Cordova 项目。我正在新的iOS9 中对其进行测试，但我对选择标签的颜色有疑问。在浏览器和Android 中，一切正常。

HTML 代码：

<select id="duration" class="select-sharegames action-button">


<option value="0">Fin de semana
                        <span class="ion-arrow-down-b"></span>
                    </option>
                    <option value="1">Una semana</option>
                    <option value="2">Dos semanas</option>
                    <option value="3">Un mes</option>
                    <option value="4">Otra...</option>
</select>

CSS 代码：

.action-button {
  display: inline-block;
  width: 100%;
  height: 51px;
  padding: 12px;
  border-radius: 2px;
  background-color: #4fd2c2;
  color: white;
  font-size: 12px;
  line-height: 26px;
  text-align: center;
  letter-spacing: 1px;
  text-decoration: none;
}

图片：

为什么选择了退化的颜色？

谢谢！！

【问题讨论】：

标签： android html css cordova ios9

【解决方案1】：

您是否要隐藏默认外观？我认为这是问题所在。试试这个：

 select {
   -webkit-appearance : none;
 }

它隐藏了默认样式，如边框、框阴影、边框半径等。它可以应用于所有表单元素（输入、按钮、文本区域等）。

【讨论】：