css操作控件实现disable效果

互联网 18-5-7

这次给大家带来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中文网其它相关文章！