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

标签 html css 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%;

最佳答案

IE有一个伪类覆盖了这个

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

这就解决了

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

关于html - 在 Windows Phone 8 中选择任何值时下拉框上的蓝色突出显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22652479/

相关文章:

javascript - JS悬停元素之间的负空间

html - 当我打印 HTML 字体很小

html - 溢出隐藏不会隐藏 iframe 的滚动条

javascript - 添加并应用带有按钮/链接的新 CSS 样式表

css - 在 "Internet Explorer"中加载图像 - 服务器的参数是 "????"

javascript - 如何将base64字符串转换为Javascript中的文件对象,该文件对象应该在IE浏览器中工作

javascript - <audio> 标记到 audioBuffer - 这可能吗?

html - Edge/IE flex 和滚动条问题

javascript - html卡中的重叠问题

javascript - 拆分按钮格式化取决于浏览器