快速单击div时删除蓝框

时间:2017-02-14 01:47:10

标签: html css

这里有很多关于点击<a/>代码,linksbuttons - Remove blue border from css custom-styled button in Chrome的蓝色轮廓/边框的问题 - 但是我想知道的是,当你在<div>元素上快速点击时,有一种方法可以防止出现恼人的蓝框吗?

<div class="img" style="left: -200%;"></div>
<div class="img" style="left: -100%;"></div>
<div class="img visible" style="left: 0%;"></div>
<div class="img" style="left: 100%;"></div>
<div class="img" style="left: 200%;"></div>

我有5个div,就像上面的那个一样。当单击divvisible时,该类将被删除并添加到列表中的下一个div,左侧值会被调整等等。当您快速点击时,有时会让这很烦人蓝色框似乎将自身附加到可见div或其左侧或右侧。

快速点击几乎就像你选择div一样?

我不确定这个盒子会被调用,如果你可以使用css来定位它并禁用它?

2 个答案:

答案 0 :(得分:0)

如果我正确阅读,我认为你最后只是突出显示一个方框,比如双击文字但是有一个div。 https://css-tricks.com/overriding-the-default-text-selection-color-with-css/相关链接。

答案 1 :(得分:0)

好的,所以更多地挖掘并找到答案

"`n"

这将删除当您在同一元素上单击批次时有时会出现的蓝色突出显示/选择框。