如何使用 CSS 禁用表单字段？

是否可以使用 CSS 禁用表单字段？我当然知道禁用属性，但是是否可以在 CSS 规则中指定它？就像是 -

<input type="text" name="username" value="admin" >
<style type="text/css">
  input[name=username] {
    disabled: true; /* Does not work */
  }
</style>

我问的原因是，我有一个应用程序，其中表单字段是自动生成的，并且字段根据某些规则（在 Javascript 中运行）隐藏/显示。现在我想扩展它以支持禁用/启用字段，但编写规则的方式是直接操作表单字段的样式属性。所以现在我必须扩展规则引擎来更改属性以及表单字段的样式，但不知怎的，它似乎不太理想。

非常奇怪的是，CSS 中有可见和显示属性，但没有启用/禁用。仍在制定的 HTML5 标准中是否有类似的东西，甚至是非标准的东西（特定于浏览器）？

您可以使用 CSS 伪造禁用效果。

pointer-events:none;

您可能还想更改颜色等。