顯示文本光標爲只讀輸入WebKit中

Question

<input value="Default" /> 
<input readonly value="Readonly" /> 

http://jsfiddle.net/EBQ3U/

在Firefox中，點擊禁用輸入字段揭示了一個不閃爍的文本光標。我喜歡這種行爲，因爲它告訴用戶他們可以使用Ctrl-A來選擇輸入的內容。 Chrome不會提供任何此類視覺指示。如何在不使輸入字段可寫的情況下進行更改？

Answer 1

嘗試添加該代碼與CSS - > HTML

<input value="Default"> 
<input readonly value="Readonly" id="rd"> 

及CSS - >

#rd 
{ 
cursor:text; 
} 

應該這樣做......如果這就是你想要的。