Question

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

所以我正在创建一个select标签，你可以看到

<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;}

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

当我选择一个项目时似乎出现问题，因为我的背景颜色为白色（我想要那样），我的字体颜色也是白色，这导致全白色选择。你可以看到下面的结果。

当我按下select标签时，它再次恢复正常。

所以我的问题是，我可以操纵通过css选择的项目上的字体颜色吗？我知道我可以操作选择的背景：选中或选择：焦点颜色，但字体的颜色似乎不起作用

您有什么建议可能会有所帮助吗？

Answer 1

问题是，在移动设备上，输入即使在做出选择后仍然保持对焦 - 这是由第二张图像中的蓝色边框给出的。要设置聚焦状态的样式，请使用以下选择器：

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

这将是您正在努力完成的正式方式。如果这不起作用，那么它可能是一个特定于浏览器的问题，将难以解决。

Answer 2

我成功地解决了我的问题。似乎IE11对焦点事件有一些特殊的指令。

所以我已经完成了这样的代码

/*The event on select*/
select:focus::-ms-value{
background:#FFFFFF;
color:#666666;}

这应解决问题