css3 禁用input |纯css导航下拉菜单三级导航

1.禁用输入

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

使用上述CSS样式，可以将input标签设置为禁用状态，同时改变鼠标指针的样式，提醒用户禁止输入该字段。

2.禁用选择

input[type="checkbox"]:disabled + label,
input[type="radio"]:disabled + label {
opacity: 0.5;
cursor: not-allowed;
}

以上CSS样式可以将checkbox和radio的选择框设置为禁用状态，同时标签文本会透明度降低，鼠标指针也会变成不允许输入状态。

3.禁用表单提交

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

当表单控件需要禁止被提交时，大家可以使用以上CSS样式将form标签设置为禁用状态，这样可以防止用户误提交表单。

总结：CSS3提供了多种方式用于禁用input标签，可以有效保证表单数据的准确性和安全性，提高用户体验。