在Windows Phone 8中选择任何值时,下拉框中的蓝色突出显示

Question

在Phonegap中使用Windows Phone 8应用程序.当我触摸下拉框时,会出现一个蓝色突出显示.我经历了这里已经问过的问题

windows phone 8突出显示输入字段中的颜色

试了一下答案

$('select').on('click', function() { $('input.fakeInput').focus().blur() })

它部分地解决了这个问题(仅限点击事件).但我的页面有滚动,所以当我尝试滚动时,蓝色突出显示再次出现.我在上面的代码中尝试了'MSPointerDown,MSPointerUp,MSPointerMove',但没有任何反应.

这是我使用的样式

{
width: 100%;
background: #fafafa;
color:#a3a3a3;
font-size:14px;
border:none;
outline:none;
display: inline-block;
appearance:none;
height:60%;
min-height: 30px !important;
border-radius:5px;
margin-top: 5%;
padding-left:8%;

}

Answer 1

IE有一个伪类可以覆盖它

select::-ms-value{ background-color: #fafafa; color: #a3a3a3; }

这解决了它

链接http://msdn.microsoft.com/en-us/library/windows/apps/hh465820.aspx