CSS只允許選擇網頁上的文字？

有沒有一個輕量級的CSS或Javascript代碼片段，可以讓我只對頁面上的東西進行選擇/突出顯示，只能用於文本？當你試圖突出顯示文本，並最終突出顯示div和圖像以及事物時，它總是令我惱火。CSS只允許選擇網頁上的文字？

有沒有辦法突出顯示文本？這將包括段落，錨點，divs &圖片中的文字以及所有標題標記。

謝謝！〜傑克遜

我上傳結果任何人誰回答這個，我目前正在運行@Nick Radford的代碼他ETA'd。

這是，這是近了，還是有很多選擇的除了文字回事CTRL + A： http://designsweeter.com/

2011-06-22 alt

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中選擇，第二個重新啓用它可以包含任何可以包含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-22 01:16:47 alt

這可能工作：

img, div { 
    -o-user-select: none; 
    -moz-user-select: none; 
    -webkit-user-select: none; 
    user-select: none; 
}

來源

2011-06-22 00:48:01 Joe

存在什麼樣的瀏覽器支持這個任何想法？ – kinakuta

它的確適用於圖像和div。但是，一般的空白空間呢。如果你擊中了控制+ a並選擇了整個頁面，那麼你就不會獲得文本，就可以完成所有任務。我很快發佈了一個鏈接 – alt

@kinakuta：最近的Gecko，Presto和WebKit構建支持供應商擴展版本（'-moz-user-select'，'-o-user-select'和'-webkit-user-select '）。 – BoltClock

CSS只允許選擇網頁上的文字？

回答

相關問題