使用css中的cursor的属性设置按钮的禁用状态

html如下:

<button class="button">按钮</button>
<button class="button disabled">禁用按钮</button>

css如下:

.button {

border-radius: 4px;

background-color:blueviolet;

font-size: 18px;

text-align: center;

padding: 10px 40px;

border: none;

color: #ffff;

}

.disabled {

cursor:not-allowed;

opacity: 0.6;

}

效果图如下：