需求

使用 css 禁用 input 控件实现 disable 效果

分析

在 js 中，我们使用以下方法来阻止input,select,checkbox的默认事件，如

javascript event.preventDefault() 
event.stopPropagation()

但在 css 中，我们可以设置对input框实现不能点击的效果并添加输入框的透明度来实现禁用的效果

代码

<input style="pointer-events: none;background-color: rgba(233, 233, 233, 0.5);" />