8

ページ上の項目の選択/強調表示をテキストでのみ使用できるようにする軽量の CSS または Javascript スニペットはありますか? テキストを強調表示しようとして、div や画像などを強調表示してしまうと、いつもイライラします。

テキストを強調表示する方法はありますか? これには、段落、アンカー、div と画像内のテキスト、およびすべてのヘッダー タグが含まれます。

ありがとう！〜ジャクソン

私は現在、彼が ETA した @Nick Radford のコードを実行しています。

ここにあります。もっと近くにありますが、ctrl+a でテキストを選択する以外にも、まだ多くの選択肢があります: http://designsweeter.com/

4

2 に答える 2

19 
html{ 
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none; 
}
p,a,h1,h2,h3,h4,h5,h6,div,br,li,td,article{
    -o-user-select: text;
    -moz-user-select: text;
    -webkit-user-select: text;
    user-select: text;
}

最初のブロックは html での選択を無効にし、2 番目のブロックは HTML5 の時点でテキストを含むことができる任意のアイテムに対して再度有効にします。かなり大きいですが、縮小されて小さくなっています。

html{-moz-user-select:none;-o-user-select:none;-webkit-user-select:none;user-select:none}p,a,h1,h2,h3,h4,h5,h6,div,br,li,td,article{-moz-user-select:text;-o-user-select:text;-webkit-user-select:text;user-select:text}
于 2011-06-22T01:16:47.520 に答える
6

これはうまくいくかもしれません：

img, div { 
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none; 
}
于 2011-06-22T00:48:01.607 に答える