急いでボタンをクリックするとテキストが選択されないようにします

div内には、文字「<」または「>」があります。

ボタンがクリックされて画像をスクロールすると、テキストが選択されるという問題があります。

ボタンのテキストの選択を防ぐためにいくつかのCSSトリックを試しましたが、通常はページの下のテキストを選択するだけです。 JSハックがなければ、ブラウザ間での互換性もありません。

divに文字が含まれていない場合は、完全に機能します。私は透明divでキャラクターとdivをカバーしようとしましたが、それの下に文字がある限り、テキストが選択されるようです。

これを防ぐための提案はありますか？私はむしろ解決策は、JavaScriptを伴わないと思います。

ありがとうございました。

2011-12-13 Enkay

< and >タグを削除して画像を使用することはお勧めできませんか？よく表記されたイメージは実際にはアクセシビリティのために< >が良いでしょう –

私は最近、テーマのためにカスタムフォントの背景イメージを変更しました。 < and >は実際には矢印のように見えます。 – Enkay

@enkayドミニクのソリューションがあなたのために働いているかどうか教えてください –

それを割り当てた場合、あなたはおそらく、ボタンを使用することができ、このようなものが動作するはずですあなたはそれがブラウザの特定にする必要があり、これはCSSで行うことができると信じて：

<button>&gt;</button>

2011-12-13 19:08:37 will

ちょうどそれも考えました。私はそれを撃つだろう。 – Enkay

ありがとう、それはトリックでした。 – Enkay

enkay thisは????????????????????? –

私はあなたもあなたの<テキスト

-webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -o-user-select: none; 
    user-select: none;

2011-12-13 19:05:20

それは私が記事で言及したCSSのトリックです。それはボタンのために働くが、ページの下のテキストを選択するだけで終わる。また、それがJSなしでIEで全く動作しているかどうかはわかりません。しかし、ありがとう。 – Enkay

はクロムでは機能しないようです。 –

答えて