2017-04-10 59 views

回答

-2

您可以嘗試像,它的不影響任何重大的風格變化,

<input type="text" value="john" readonly>

+4

使用您的實況測試案例,我**可以**用鼠標選擇文本,而我**不能**編輯它,所以它至少在兩個問題上不能滿足問題中的要求。 – Quentin

2

由於user-select: none不會爲輸入工作,你可以解決這個問題是這樣的:

.invisable-selection::selection { 
 
    background: transparent; 
 
}
<input class="invisable-selection" type="text" value="test" oncopy="return false">

它不會顯示的選擇,它不會複製值。

+0

但很容易修改這個使用檢查元素 –

+1

@MostafaBaezid是的顯然。你無法防止這一點。 – Simon

相關問題