但是checkbox radio等也會隨著變化了,往往就是這兩樣控制項顯示的很不如人意,就想:要是
能有一種可以改變其他input控制項的樣式而不影響checkbox和radio的方法就好.在網上找了
很久都沒有找到合適的代碼:無非就是增加一個樣式,然後將每個checkbox控制項都加一個class="xxx"
但這樣太麻煩.我經過測試和研究發現:expression((this.type!="checkbox")?(這樣可以實現,可以將以下
代碼拿到IE中測試一下.此方法在IE8中可行,但是沒測試過FireFox中是否可行,
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <style> input { padding: 1px; font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; filter:expression((this.type!="checkbox")?("progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ddddee, EndColorStr=#FFFFFF)"):""); height:22px; font-size: 8pt; } </style> </head> <body> <input type=text> <input type=checkbox> <input type=button value="Please select"> </body> </html>
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
另外在網上,大家認為input[type="checkbox"]這種樣式是firefox支援的樣式
可以單獨控制input中每種控制項的樣式.
