非入力要素のキャレットを無効にしますか？

Question

HTMLドキュメント上の点滅キャレットを非入力要素のために無効にすることはできますか？例えば

、リスト項目をクリックすると、リスト項目要素にキャレットを移動します：あなたは、ナビゲーションのために使用しているulを持っている場合は

<ul> 
    <li>Cool choice 1</li> 
    <li>Cool choice 2</li> 
    <li>Cool choice 3</li> 
</ul> 

は、あなたは彼らが、ボタンのように感じるしたいことがあります。これは、キャレットが機能していない場合に達成できます。そんなことは可能ですか？

Answer 1

は、あなたがあなたのCSSの一番上にこのような何かを行うことができます

.disableCaret{ 
    -webkit-user-select: none; /* Chrome all/Safari all */ 
    -moz-user-select: none;  /* Firefox all */ 
    -ms-user-select: none;  /* IE 10+ */ 
    user-select: none;  
} 

Answer 2

このクラスを試してみてください。これは、入力ではないすべての要素を対象とし、カーソルをデフォルトの矢印に設定します。

CSS

*:not(input) { 
    cursor: default; 
} 

その後、あなたはちょうどこのようにクラスを追加することができますクリック可能なを表示したいもののために。

CSS

.clickable { 
    cursor: pointer; 
} 

Answer 3

私はあなたがオプションをtrueに設定

accessibility.browsewithcaret 

でFirefoxを使用していると思います。このオプションはabout：configまたはAlways use the cursor keys to navigate within pagesという詳細設定の最初のオプションにあります。 もし私が正しいと推測すれば、この質問はhtmlでもcssとも関係がありません。