使用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