申请::之前输入[type = submit]可能吗？

Question

假设您有一个表单输入按钮，您希望使用CSS设置样式，但您还希望使用“:: before”在样式之前附加文本。你会怎么做？这甚至可能吗？

输入[type = submit] :: before {} （这不起作用）

在表单中编辑“value ='blahblahbuttontext'”是实现此目的的唯一方法吗？

谢谢，

- MP

Answer 1

不，伪元素不适用于输入。你可以使用javascript实现这样的效果，或者你可以使用纯CSS，但你需要用一个按钮替换输入。

[type="submit"]:before{
  content: "blahblah";
}

<button type="submit">buttontext</button>