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

美丽的小花园有许多榕树,一簇簇树叶伸到路面上,树叶真绿的可爱。榕树正在茂盛的时期,好象把它全部生命力都展示给我们看。那么多的树叶,一簇堆在另一簇上面,不留一点缝隙,我仿佛也成了一片树叶。那翠绿的颜色明亮地照耀着我的眼睛,似乎每片叶子上都颤动着一个新的生命。这美丽的北国树啊。

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

event.preventDefault()
event.stopPropagation()

其实用纯CSS也能实现,如

input {
    pointer-events: none;
}

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

input.disabled {
    pointer-events: none;
    opacity: 0.5;
}

总结

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

以上就是如何使用css禁用input、checkbox、select等html控件如何实现disable效果。企业强大难,保持长盛不衰更难;重要的不是个别人,一部分人,而是全体人员,即每一个细胞都充满活力才行。更多关于如何使用css禁用input、checkbox、select等html控件如何实现disable效果请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
css让页脚保持在底部位置的四种方案

CSS如何使用Flex和Grid布局如何实现3D骰子

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例