如何實(shí)現(xiàn)控制input的CSS但不影響CheckBox以及Radio的樣式
在一些Web界面,有時(shí)候?yàn)榱朔奖銜?huì)寫一個(gè)全局的input樣式,這樣所有的樣式會(huì)立刻變化
但是checkbox radio等也會(huì)隨著變化了,往往就是這兩樣控件顯示的很不如人意,就想:要是
能有一種可以改變其他input控件的樣式而不影響checkbox和radio的方法就好.在網(wǎng)上找了
很久都沒有找到合適的代碼:無非就是增加一個(gè)樣式,然后將每個(gè)checkbox控件都加一個(gè)class="xxx"
但這樣太麻煩.我經(jīng)過測試和研究發(fā)現(xiàn):expression((this.type!="checkbox")?(這樣可以實(shí)現(xiàn),可以將以下
代碼拿到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>
另外在網(wǎng)上,大家認(rèn)為input[type="checkbox"]這種樣式是firefox支持的樣式
可以單獨(dú)控制input中每種控件的樣式.
如對本文有疑問，請?zhí)峤坏浇涣髡搲瑥V大熱心網(wǎng)友會(huì)為你解答??！ 點(diǎn)擊進(jìn)入論壇
