2

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

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

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

4

1 回答 1

4

Android 浏览器对<select>s 的渲染是错误的，如果应用了背景或边框，它将删除正常的样式。

由于<select>s 看起来不像<select>s 是一个相当大的可用性问题，所以最好的办法是不要只为这个浏览器设置样式。

不幸的是，没有纯 CSS 方式来选择/排除 Android 浏览器，所以我建议您使用布局引擎（https://github.com/stowball/Layout-Engine.browser-android ），它会在<html>标签中添加一个类。

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

html:not(.browser-android) select {
    background: #0f0;
    border: 1px solid #ff0;
}
于 2013-02-13T10:03:25.470 回答