使文本只讀/不可選

我想使用內嵌CSS使一些文本只讀。這兩種方法在使用標準html頁面進行測試時都可以正常工作。使文本只讀/不可選

Firefox的語法：

<div style="-moz-user-select: none;">Some text</div>

鉻語法：

<div style="-webkit-user-select: none;">Some text</div>

不過，我想在一個CMS產品中使用文本編輯器來使用此語法。它適用於Firefox而不是Chrome。我一直在使用它也不起作用最基本的做法也試過：

<div style="user-select: none;">Some text</div>

我的問題是，是否有使用在線CSS（或HTML）禁用文本塊的任何其他方式。因爲我們使用的是免費的文本編輯器，所以我們不能使用任何HTML輸入類型。

來源

2016-06-13 Kevin Wing

只是將所有3個CSS規則...見[ caniuse]（http://caniuse.com/#search=user-select） - Chrome只支持前綴爲'webkit'的版本 – Rhumborl

您是否嘗試過將所有這些組合在一起我的意思是'

Some text

' –

可能的[ CSS規則禁用文本選擇突出顯示]（http://stackoverflow.com/questions/826782/css-rule-to-disable-text-sele ction-highlighting） – Rhumborl

人們可以這三個在線CSS結合起來如下：

<div style="-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;">Some text</div>

這樣，它應該對你所提到的所有的瀏覽器。一個可以換這個CSS成一個在鏈接後建議作爲解釋一類是從How to disable text selection highlighting using CSS?報價：

-webkit-觸摸標註：無;/* iOS Safari /
-webkit-user-select：none;/ Chrome/Safari/Opera /
-khtml-user-select：none;/ Konqueror /
-moz-user-select：none;/ Firefox /
-ms-user-select：none;/ Internet Explorer/Edge /
user-select：none;/無前綴的版本，目前沒有任何瀏覽器都支持*/

人們還可以使用一些JavaScript性能，防止選擇：

<div style="-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;" unselectable="on" onselectstart="return false;" onmousedown="return false;">Some text</div>

來源

2016-06-13 08:15:58 Baklap4

是的，我最初嘗試過，但它不起作用。我只是簡單地將它分解出來。我想知道是否還有其他房產我可以嘗試？ –

我也看到了你發佈的這些信息，但我想知道是否有另一種方式來實現同樣的事情，無論是內聯的CSS或HTML。從迴應的角度來看，沒有其他辦法可以做到這一點。 –

我想沒有別的辦法了。然而，如果你想要一個輸入字段是隻讀的，可以添加只讀屬性：http://www.w3schools.com/tags/att_input_readonly.asp – Baklap4

使文本只讀/不可選

回答

相關問題