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


通过为按钮的背景设置 opacity 属性就可以呈现出无法点击的效果。
(一)button 元素
为 
 
代码如下:

 <button disabled=”disabled”>Primary button</button>
效果:
CSS-button与a标签的禁用设置

(二)链接(<a> )元素

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

 
代码如下:

<a style=”pointer-events: none;”>lilili</a>
 
效果:
CSS-button与a标签的禁用设置

 

 

 
 
 
 

原创文章,作者:306829225,如若转载,请注明出处:https://blog.ytso.com/268059.html

(0)
上一篇 2022年6月19日
下一篇 2022年6月19日

相关推荐

发表回复

登录后才能评论