css 设置不可用 |css hover 手型

input:disabled {
opacity: 0.5;
cursor: not-allowed;
}

上面的代码中，大家使用了CSS选择器来选中所有disabled属性为true的input元素，并修改它们的样式。这里大家设置了不透明度为0.5，鼠标样式为not-allowed，表示禁止点击。

除了使用disabled属性，大家也可以在JavaScript中动态修改元素的disabled状态来达到同样的效果：

const btn = document.querySelector('#myButton');
btn.disabled = true;

上面的代码将id为myButton的按钮设置为不可用状态。同样地，大家也可以动态修改元素的style属性来修改其样式：

const input = document.querySelector('#myInput');
input.style.opacity = 0.5;
input.style.cursor = 'not-allowed';

无论是使用CSS还是JavaScript，在设置元素为不可用状态时，大家需要考虑到用户体验问题。大家应该给用户一个明确的提示，说明为什么这个元素是不可用的，以及它何时能够恢复可用状态。