我可以阻止这个蓝色亮点出现吗？

Question

我已将angular-bootstrap分页小部件添加到我的应用中。它工作得很好但是如果我快速连续单击“下一步”按钮，整个小部件会突出显示。

有没有办法阻止这种突出显示？

我不会添加角度标记，因为我想象任何修复都是CSS

Answer 1

规则为user-select。使用这个类：

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

<强>段

＆＃13;

＆＃13;

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

＆＃13;

<p>You can select me.</p>
<p class="noselect">Dare to select me.</p>

＆＃13;

＆＃13;

＆＃13;