使用css禁用input、checkbox、select等html控件實(shí)現(xiàn)disable效果
發(fā)布時(shí)間：2018-04-04 15:23:57 作者：佚名 
我要評(píng)論
我要評(píng)論這篇文章主要介紹了使用css禁用input、checkbox、select等html控件實(shí)現(xiàn)disable效果,需要的朋友可以參考下
用js的event可以用來(lái)阻止input,select,checkbox的默認(rèn)事件，如
event.preventDefault() event.stopPropagation()
其實(shí)用純CSS也能實(shí)現(xiàn)，如
input {
pointer-events: none;
}
然后用CSS把input變灰即可，50%透明度即可實(shí)現(xiàn)禁用的效果
input.disabled {
pointer-events: none;
opacity: 0.5;
}
總結(jié)
以上所述是小編給大家介紹的使用css禁用input、checkbox、select等html控件實(shí)現(xiàn)disable效果，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
9款樣式迷人的CSS3自定義Checkbox復(fù)選框特效源碼
天我們來(lái)分享一款9款樣式迷人的CSS3漂亮的自定義Checkbox復(fù)選框。這幾款復(fù)選框樣式很豐富，使用起來(lái)也比較方便2014-11-07一款純css3實(shí)現(xiàn)簡(jiǎn)單的checkbox復(fù)選框和radio單選框
這篇文章主要為大家介紹了利用純css3實(shí)現(xiàn)一款簡(jiǎn)單實(shí)用的checkbox復(fù)選框和radio單選框，代碼簡(jiǎn)單易懂，可以直接復(fù)制，感興趣的可以進(jìn)來(lái)看看哦2014-11-05
外觀時(shí)尚的純CSS3美化Checkbox和Radiobox按鈕源碼
今天我們利用CSS3美化checkbox復(fù)選框和Radiobox單選框。CSS3美化Checkbox和Radiobox的原理很簡(jiǎn)單，在頁(yè)面上新建一個(gè)checkbox和radiobox并給予他們默認(rèn)的label標(biāo)簽顯示文字2014-10-27純css3實(shí)現(xiàn)效果超級(jí)炫的checkbox復(fù)選框和radio單選框
天要為大家分享的是純css3實(shí)現(xiàn)的checkbox復(fù)選框和radio單選框，效果超級(jí)炫，這個(gè)實(shí)例完全由css3實(shí)現(xiàn)的沒(méi)有任何js代碼2014-09-01CSS3實(shí)例分享--超炫checkbox復(fù)選框和radio單選框
這篇文章主要介紹了CSS3實(shí)例分享--超炫checkbox復(fù)選框和radio單選框,需要的朋友可以參考下2014-09-01
