每當我們選擇一些文本時,整個文本區域都會被高亮顯示。像this。我可以在HTML中消除這種突出顯示嗎?
但有沒有什麼辦法可以避免這種突出顯示?我只想要改變文本的顏色,而不是要顯示在圖像中的高亮區域?我清楚了嗎?
每當我們選擇一些文本時,整個文本區域都會被高亮顯示。像this。我可以在HTML中消除這種突出顯示嗎?
但有沒有什麼辦法可以避免這種突出顯示?我只想要改變文本的顏色,而不是要顯示在圖像中的高亮區域?我清楚了嗎?
取決於您需要支持哪些瀏覽器。不知道如果Internet Explorer不支持它,但這裏有三個CSS僞元素,你可以嘗試:
::選擇(在我的Chrome瀏覽器的)
:: - MOZ選擇
:: - WebKit的選擇
例如:
p::selection { background:#cc0000; color:#fff; }
如果您正在討論某人何時在瀏覽器中選擇文本(使用鼠標或shift-selection),那麼這是不可能的。
[更新]
我把它都回來了 - 因爲@Dev F和@nico說,有一個選擇的CSS3屬性。 (當然,只有一些瀏覽器會支持這個,但是...)
但我已經看到這種情況發生在一些網站... – Sachindra 2010-08-06 10:45:46
@Sachindra - 我懷疑這只是巧合(在瀏覽器/ OS選擇的顏色發生了相匹配的背景) 。從本質上講,沒有*標準* CSS屬性讓你控制這個。 – 2010-08-06 10:47:37
它實際上可以使用':: selection'選擇器(特定於瀏覽器)來完成。 – nico 2010-08-06 10:50:44