網頁上的文字未被選中時突出顯示

奇怪的行爲難以解釋，難以在Google中適當地搜索解決方案。網頁上的文字未被選中時突出顯示

我開發了一個帶有許多網頁的site。每個網頁都有相同的結構，標題包含頂部的鏈接，中間的內容區域以及底部的合法免責聲明和鏈接。

當我嘗試通過選擇複製網頁上的一些文本時，它被複制到剪貼板，我可以將文本粘貼到其他地方。但是，當我真的選擇要複製的文本時，所選文本不會突出顯示，這對於最終用戶來說是一種混淆，因爲他們可能認爲它在實際中並未被複制。

任何想法爲什麼會發生這種情況？我並不關心網站上的其他文字，但我在網站上找到了一個商店的彈出窗口，它提供了一個有地址的商店列表 - 用戶會希望這些地址可以複製到Google地圖或其他地方。任何幫助表示讚賞。

來源

2014-05-06 Phani

我假設您已經在其他瀏覽器中測試過這一點，以確保它不僅僅是您使用的瀏覽器中的一個怪癖嗎？ – armadadrive

我已經測試了這個在IE瀏覽器，它工作正常，只是意識到我的其他答案::選擇{文本陰影：無}在我的風格導致Chrome瀏覽器，Firefox和其他瀏覽器除IE外的問題，不知道爲什麼IE忽略那種風格 – Phani

您只需要將background添加到您的::selectionpseudo-element。例如：

來源

2014-05-06 14:42:28 Patrick

這工作謝謝！我在我的樣式表中指定了選擇{text-shadow：none}，IE似乎忽略了樣式並突出顯示文本，反正謝謝！ – Phani

我相信你應該改變選擇文本的背景。它在你的網站的工作也

::selection { 
    background-color: #CC0000; 
}

Demo

來源

2014-05-06 14:37:53 Manwal

您可能有以下設置：

.row-of-icons { 
    -webkit-user-select: none; /* Chrome all/Safari all */ 
    -moz-user-select: none;  /* Firefox all */ 
    -ms-user-select: none;  /* IE 10+ */ 
    -o-user-select: none;  /* Opera */ 
    user-select: none;   
}

http://css-tricks.com/almanac/properties/u/user-select/

這裏的的jsfiddle克里斯Coyier：

http://jsfiddle.net/chriscoyier/vGG8F/3/

來源

2014-05-06 14:41:45

網頁上的文字未被選中時突出顯示

回答

相關問題