使用css禁用input、checkbox、select等html控件实现disable效果

  发布时间:2018-04-04 15:23:57   作者:佚名   我要评论
这篇文章主要介绍了使用css禁用input、checkbox、select等html控件实现disable效果,需要的朋友可以参考下

GPT4.0+Midjourney绘画+国内大模型 会员永久免费使用!
如果你想靠AI翻身,你先需要一个靠谱的工具!

用js的event可以用来阻止input,select,checkbox的默认事件,如

1
2
event.preventDefault()
event.stopPropagation()

其实用纯CSS也能实现,如

1
2
3
input {
    pointer-events: none;
}

然后用CSS把input变灰即可,50%透明度即可实现禁用的效果

1
2
3
4
input.disabled {
    pointer-events: none;
    opacity: 0.5;
}

总结

以上所述是小编给大家介绍的使用css禁用input、checkbox、select等html控件实现disable效果,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

蓄力AI

相关文章

最新评论