highlight - css - Input user-select: none - テキストの選択ハイライトを無効にする方法

css 選択状態 / css / cross-browser / textselection

ボタン(たとえば、スタックオーバーフローページの上部にある質問タグユーザーなど)またはタブのように機能するアンカーの場合、ユーザーが誤ってテキストを選択した場合に強調表示効果を無効にするCSS標準の方法はありますか? ?

Deni J.



Answer #1
.noselect {
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
<p>
  Selectable text.
</p>
<p class="noselect">
  Unselectable text.
</p>