input设置了disabled=true后，修改input的样式不生效，涂层效果无法去除，如何去除涂层效果

当你将`disabled`属性设置为`true`时，浏览器会自动应用一些默认的样式，以指示该输入元素处于禁用状态。这些样式可能包括不透明度的变化、背景色的更改、文本颜色的变暗等。这些样式通常无法通过简单的CSS修改来完全去除。

如果你想完全去除禁用状态下的涂层效果，一种方法是使用一些额外的CSS技巧。你可以使用伪元素(::before 或 ::after)来覆盖输入元素，并设置其样式以达到去除涂层效果的目的。以下是一个示例：

input:disabled {
  position: relative;
}

input:disabled::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  pointer-events: none; /* 禁用伪元素上的事件响应 */
}

这段CSS代码将在禁用状态下的输入元素上创建一个伪元素，并将其覆盖在输入元素上方。通过将伪元素的背景色设置为透明，以及禁用其上的事件响应，可以达到去除涂层效果的效果。

请注意，这只是一