删除Surface 3 IE上的透明浅灰色突出显示

Question

我正在对通过IE在Surface 3上显示的网络应用进行一些更改。

之前，一切都很好，因为应用程序是通过Chrome显示的。但是IT部门决定改用IE，而事情已经破产了。＆＃34;

我正在使用Bootstrap。

问题是当使用旋转木马时，左/右箭头按钮，当点击时，显示浅灰色＆＃34;突出显示＆＃34;在元素上。我相信这是一个#carouselId1 a, #carouselId1 a:hover, #carouselId1 a:active, #carouselId1 a:visited, #carouselId2 a, #carouselId2 a:hover, #carouselId2 a:active, #carouselId2 a:visited, #carouselId5 a, #carouselId5 a:hover, #carouselId5 a:active, #carouselId5 a:visited, #carouselId6 a, #carouselId6 a:hover, #carouselId6 a:active, #carouselId6 a:visited, #carouselId1 a:focus { background-color: transparent; outline: none; -ms-user-select: none; /* IE10+ */ -ms-tap-highlight-color: transparent; background-image: none !important; filter: none !important; progid:none !important; } 被设计为按钮。

我一直在使用以下内容，但无济于事：

pre

有趣的是，灰色突出显示的元素不再显示在桌面上的IE 11上。但仍留在Surface 3上。

我使用VisualStudio Code和Microsoft Document Connection在MacBook Pro上进行开发。这些工具无法更改，fyi。

附件是我拍摄的灰色突出显示元素的图片。

感谢您的提前时间。

＃

更新：我注意到只有在触摸/点击时才会发生这种情况。如果我在Surface键盘上使用触控板，然后单击按钮，则没有突出显示。

这是IE的东西还是OS的东西？

＃

Answer 1

我刚刚发现如何摆脱var testIds = data.map(function (elem) { return elem.Testid }); teststats.addTestStats.find({Testid: {$in: testIds}}, function (err, testdata) { res.send(testdata) // Testdata is now an array matching all Testid's you queried for } 元素中的浅灰色突出显示/选择。

html

就是这样！

在谷歌搜索了一段时间后，我遇到了这个页面： https://msdn.microsoft.com/en-us/library/jj583807(v=vs.85).aspx

它提到touch-action: none;属性。