提问人：Bijeshp009 提问时间：3/17/2016 最后编辑：VoloBijeshp009 更新时间：11/2/2023 访问量：9135
HTML Select 下拉列表在 android webview 中不起作用
HTML Select dropdowns are not working in android webview
问：
浏览器用户代理版本：
"Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_2_1 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8C148 Safari/6533.18.5"
基本 HTML 代码
<!DOCTYPE html>
<html>
<head>
<title>Test Pages</title>
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
</head>
<body>
<div>
<select>
<option>One</option>
<option>two</option>
<option>three</option>
<option>four</option>
<option>five</option>
</select>
</div>
</body>
</html>
这似乎适用于UIWebView（iPhone）和本机浏览器。只有android webView有问题。任何帮助将不胜感激。Web 视图是 cordova 活动
答：
0赞
Akram Lazkanee
3/17/2016
#1
回答 @mattstow 从这里
Android 浏览器对 s 的渲染存在错误，如果应用背景或边框，将删除正常样式。<select>
由于 s 看起来不像 s 是一个相当大的可用性问题，因此最好的办法是不要只为这个浏览器设置它们的样式。<select><select>
不幸的是，没有纯CSS方法来选择/排除Android浏览器，所以我建议你使用布局引擎（https://github.com/stowball/Layout-Engine），它会在标签中添加一个.browser-android类。<html>
然后，您可以设置除 Android 浏览器之外的所有样式，如下所示：<select>
html:not(.browser-android) select {
background: #0f0;
border: 1px solid #ff0;
}
评论
1赞
Jeremy Wiebe
7/30/2016
此解决方案似乎与问题无关。@Bijeshp009说选择不起作用。在 Android 上删除样式会修复选择吗？
评论