是否可以使用CSS设置占位符伪元素文本？

Question

我知道可以使用::placeholder CSS伪元素设置 HTML元素的占位符。

例如

input[type="text"]::placeholder {
 ... /* style rules */
}

但是可以在CSS中设置占位符的文本吗？

input[type="text"]::placeholder {
 content: "Common placeholder for all inputs" /* content rules */
}

Answer 1

否。

content旨在与伪元素before和after一起使用。

ref：https://developer.mozilla.org/en-US/docs/Web/CSS/content

您是否有某些特殊原因想要通过CSS而不是通过html / javascript进行设置？

Answer 2

我建议您将Javascript用于jQuery：

$('#search-input').attr('placeholder', 'Search for Stuff');

或纯javascript：

document.getElementById('search-input').setAttribute('placeholder', 'Search for Stuff');