html属性的css

在我的网站中，我有以下代码（Wordpress/Woocommerce购物车页面）：

及

这不起作用。

---

请注意。

您不能在输入或按钮元素上使用

:after

或

:before

您可以使用内部带有按钮的span元素和带有图标的span中的

：之后的
（可能使用Font-Awsome或icon-Moon的字符作为内容）

不要忘记
中的内容：在
css之后，如果未正确设置此css属性，则伪元素将不可见。
中有以下注释：“注意：本规范未完全定义：before和：after与替换元素（如HTML中的IMG）的交互作用。”。这将在未来的规范中进行更详细的定义。“这到目前为止还没有发生，浏览器根本不为
input
等元素实现这些伪元素。但是他们确实为
按钮
实现了它们

因此，如果可以更改标记，则可以将生成的内容附加到按钮文本：



.按钮[名称=“更新购物车”]：在{
内容：“⤾";
}

更新购物车
输入类型不支持伪元素添加父元素并为此提供伪类OK，这就是为什么…谢谢你的评论。我将尝试按照你的建议进行操作。再次感谢。它没有像我希望的那样工作。值是由woocommerce多语言添加的。我得到的只是图标。wordpress中的确切代码现在是：
找到了它！将代码更改为
接受回答
<input type="submit" class="button" name="update_cart" value="Update Cart">

input[name="update_cart"]::after {
    etc.
 }

.button[name="update_cart"]::after {
    etc.
 }