这次给大家带来css操作控件实现disable效果,css操作控件实现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; }
相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
推荐阅读:
以上是css操作控件实现disable效果的详细内容。更多信息请关注PHP中文网其他相关文章!