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

时间:2014-03-26 05:45:25

标签: html5 css3 internet-explorer cordova

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

windows phone 8 highlight colors in input fields

尝试了答案

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

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

enter image description here

以下是我使用的样式

{
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%;

}

1 个答案:

答案 0 :(得分:5)

IE有一个覆盖此

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

这解决了它

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