XML/HTML Code復(fù)制內(nèi)容到剪貼板
- <form action="form_action.asp" method="get">
- First name: <input type="text" name="fname" />
- Last name: <input type="text" name="lname" />
- <input type="submit" value="Submit" />
- </form>
XML/HTML Code復(fù)制內(nèi)容到剪貼板
- <input type="text" disabled="disabled" value="已禁用" />
- <input type="text" disabled="disabled" value="已禁用" />
- <input type="text" disabled="disabled" value="已禁用" />
CSS Code復(fù)制內(nèi)容到剪貼板
- //Chrome Firefox Opera Safari
- input:disabled{
- border: 1px solid #DDD;
- background-color: #F5F5F5;
- color:#ACA899;
- }
2. 利用屬性選擇符定義
CSS Code復(fù)制內(nèi)容到剪貼板
- //IE6 failed
- input[disabled]{
- border: 1px solid #DDD;
- background-color: #F5F5F5;
- color:#ACA899;
- }
3. 利用class來定義,為要禁用的input增加一個(gè)class
CSS Code復(fù)制內(nèi)容到剪貼板
- input.disabled{
- border: 1px solid #DDD;
- background-color: #F5F5F5;
- color:#ACA899;
- }
CSS Code復(fù)制內(nèi)容到剪貼板
- //Chrome Firefox Opera Safari IE9+
- input:disabled{
- border: 1px solid #DDD;
- background-color: #F5F5F5;
- color:#ACA899;
- }
- //IE8-
- input[disabled]{
- border: 1px solid #DDD;
- background-color: #F5F5F5;
- color:#ACA899;
- }
- //IE6 Using Javascript to add CSS class "disabled"
- * html input.disabled{
- border: 1px solid #DDD;
- background-color: #F5F5F5;
- color:#ACA899;
- }