CSS 禁用按钮样式

禁用按钮样式

CSS中可以通过opacity属性设置按钮的透明度,通过cursor属性设置鼠标悬停时的标识,其中,将cursor属性设置为not-allowed值,鼠标悬停该按钮时会显示禁用的标识,如下示例:

提示:当然,禁用按钮的样式可以根据自己的需求设计,不仅仅只有这两种。


语法

opacity:value;cursor:not-allowed;

禁用按钮样式

<button id='b1' disabled>按钮</button>
<style>
  #b1{border:none;width:10%;height:10%;opacity:0.6;background-color:skyblue;cursor:not-allowed;}

</style>

全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.