我使用以下方法创建了一个带有渐变边框的内容框:https://dev.to/afif/border-with-gradient-and-radius-387f

不幸的是，窗体、复选框和单选按钮不再起作用（我不能在文本框或复选/取消复选框和按钮中键入）。它似乎与伪元素的使用有关，比如注释掉属性，移除渐变边框并恢复功能。此外，使用伪元素的框外内容可以正常工作。

HTML:

::before

CSS:

::before

我将测试代码放在codepen上:https://codepen.io/awakeantelope/pen/lylveqk

顺晟科技：

当您用伪元素创建before时，所以它是在meo之前创建的，所以您需要给内部内容更多的z-index，这样它就可以工作了

::before