讓 ReadOnly 的 TextBox 控制項也能呈現灰色

將 TextBox 的 Enabled 屬性設為 False 時，在畫面上這個 TextBox 會呈現灰色且不能點選。可是如果是將該 TextBox 的 ReadOnly 屬性設為 True 時，在畫面的呈現上，雖然使用者無法做任何的修改，但是顏色上卻不會變成灰色，容易讓使用者誤以為這是可以編輯的。


透過以下 CSS 的設定，可以輕鬆的將所有把 ReadOnly 屬性設為 True 的 TextBox 變成灰色的控制項。

input[readonly], textarea[readonly] {
  color:black !important;
  cursor: default;
  background-color: threedface !important;
}

參考：
01：Internet Explorer 8: How to make read only text input have no cursor