带有HTML选择标记颜色的iOS9 Cordova项目

Question

我正在使用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;
}

图像：

为什么选择降级颜色？

谢谢！

Answer 1

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

 select {
   -webkit-appearance : none;
 }

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