button:disabled { background-color: #ddd; cursor: not-allowed; }
在上面的代码中,大家对disabled状态的按钮进行了样式设置,将它的背景色设为了灰色,同时将光标的样式设为了not-allowed,表示用户不能点击。
在HTML中,大家可以通过将button元素的disabled属性设置为true来达到置灰不可点击的效果:
<button disabled>偶被禁用了</button>
至此,大家成功地实现了按钮置灰不可点击的效果,防止了用户误操作带来的不必要麻烦。