控制input的CSS但不影響CheckBox以及Radio的樣式
更新時(shí)間:2009年09月18日 22:49:05 作者:
在一些Web界面,有時(shí)候?yàn)榱朔奖銜?huì)寫一個(gè)全局的input樣式,這樣所有的樣式會(huì)立刻變化,如果能更好的區(qū)分checkbox等呢。
但是checkbox radio等也會(huì)隨著變化了,往往就是這兩樣控件顯示的很不如人意,就想:要是
能有一種可以改變其他input控件的樣式而不影響checkbox和radio的方法就好.在網(wǎng)上找了
很久都沒有找到合適的代碼:無(wú)非就是增加一個(gè)樣式,然后將每個(gè)checkbox控件都加一個(gè)class="xxx"
但這樣太麻煩.我經(jīng)過(guò)測(cè)試和研究發(fā)現(xiàn):expression((this.type!="checkbox")?(這樣可以實(shí)現(xiàn),可以將以下
代碼拿到IE中測(cè)試一下.此方法在IE8中可行,但是沒測(cè)試過(guò)FireFox中是否可行,
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
另外在網(wǎng)上,大家認(rèn)為input[type="checkbox"]這種樣式是firefox支持的樣式
可以單獨(dú)控制input中每種控件的樣式.
能有一種可以改變其他input控件的樣式而不影響checkbox和radio的方法就好.在網(wǎng)上找了
很久都沒有找到合適的代碼:無(wú)非就是增加一個(gè)樣式,然后將每個(gè)checkbox控件都加一個(gè)class="xxx"
但這樣太麻煩.我經(jīng)過(guò)測(cè)試和研究發(fā)現(xiàn):expression((this.type!="checkbox")?(這樣可以實(shí)現(xiàn),可以將以下
代碼拿到IE中測(cè)試一下.此方法在IE8中可行,但是沒測(cè)試過(guò)FireFox中是否可行,
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
另外在網(wǎng)上,大家認(rèn)為input[type="checkbox"]這種樣式是firefox支持的樣式
可以單獨(dú)控制input中每種控件的樣式.
相關(guān)文章
讓html的text輸入框只能輸入數(shù)字和1個(gè)小數(shù)點(diǎn)(0-59之間可改)
今天有同事需要這個(gè)功能,主要是限制用戶輸入不符合規(guī)范的數(shù)字與小數(shù)點(diǎn)導(dǎo)致不好計(jì)算價(jià)格問(wèn)題,特整理了下面的代碼,需要的朋友可以參考下。2011-11-11checkbox實(shí)現(xiàn)全選的多種方法 不斷更新
checkbox實(shí)現(xiàn)全選的多種方法 不斷更新...2006-07-07js在不刷新的情況下動(dòng)態(tài)添加表格行[腳本之家強(qiáng)烈推薦]
這個(gè)功能一般用于,一些添加一些不確定的信息,由用戶自己添加,以前都是如果你添加了2個(gè)突然發(fā)現(xiàn)不夠,再點(diǎn)添加,就會(huì)發(fā)現(xiàn)原來(lái)的內(nèi)容被替換了,下面的代碼就不會(huì),比較不錯(cuò)2008-10-10javascript之dhDataGrid Ver2.0.0代碼
javascript之dhDataGrid Ver2.0.0代碼...2007-07-07