jquery - Windows Phone 设备上 phonegap/cordova 上的选择标签问题

Question

我正在 phonegap/cordova 上开发移动混合应用程序，遇到一个我无法在 Windows Phone 上解决的问题。

如您所见，我正在创建一个选择标签

<select>
        <option>item 1</option>
        <option>item 2</option>
        <option>item 3</option> 
</select>

我正在使用一个名为 Chocolate-Chip UI 的框架中的一些 css

select {
background-color: transparent;
border: solid 2px #000000;
color: #000000;
height: 30px;
padding-left: 5px;}

给我预期的结果。你可以看到下面的结果

http://imgur.com/RLseQ0s

当我选择一个元素时，问题似乎出现了，因为我的背景颜色是白色(我想要那样)，我的字体颜色也变成白色，这导致全白选择。您可以在下面看到结果。

http://imgur.com/KofN96W

当我按下 select 标签时，一切都恢复正常了。

所以我的问题是，我可以操纵通过 css 选择的元素的字体颜色吗？我知道我可以在 select:checked 或 select:focus color 上操纵背景，但字体的颜色似乎不起作用

您有什么建议可以帮助您吗？

Answer 1

问题是在移动设备上，即使做出选择后，输入仍保持在焦点上——第二张图片中的蓝色边框表明了这一点。要设置聚焦状态的样式，请使用以下选择器:

select:focus {
    color: black;
    background-color: white;
}

这将是完成您要完成的任务的官方方式。如果这不起作用，则可能是浏览器特定问题，将更难解决。