android - 带有 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;
 }

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