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