cordova - PhoneGap 构建 webkit-外观没有选择标签的下拉箭头

我正在使用 PhoneGap 构建，并且我选择的标签在手机上没有下拉箭头。我尝试应用 -webkit-appearance: menulist; 但这没有帮助，我尝试了其他选择，但仍然只显示没有下拉箭头的选项。

这是 PhoneGap 的问题，因为相同的代码在我的 Android 手机上的 native 浏览器上显示了一个下拉箭头。

只有当我使用 PhoneGap 构建时，箭头才会消失。有什么解决办法吗？

最佳答案

Android 浏览器对 <select> 的渲染s 有问题，如果应用背景或边框，将删除正常样式。

自 <select>看起来不像 <select> s 是一个相当大的可用性问题，您最好的选择是不要仅针对此浏览器设置它们的样式。

不幸的是，没有纯 CSS 方式来选择/排除 Android 浏览器，因此我建议您使用布局引擎 ( https://github.com/stowball/Layout-Engine )，它将添加 .browser-android 类。到<html>标签。

然后您可以设置所有 <select> 的样式除 Android 浏览器外，如下所示:

html:not(.browser-android) select {
    background: #0f0;
    border: 1px solid #ff0;
}

关于cordova - PhoneGap 构建 webkit-外观没有选择标签的下拉箭头，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14738203/