CSS-button与a标签的禁用设置

通过为按钮的背景设置 opacity 属性就可以呈现出无法点击的效果。

（一）button 元素

为  元素添加 disabled 属性，使其表现出禁用状态。

 

代码如下：

 <button disabled="disabled">Primary button</button>

效果:

（二）链接（<a> ）元素

 为基于 <a> 元素创建的按钮添加 .disabled 类。

 

代码如下：

<a style="pointer-events: none;">lilili</a>

 

效果: