如何将"placeholder"的文本替换为 css？

Question

我有一个搜索输入，我需要更改占位符的内容，该占位符当前为no，但仅使用css。我试过了，但我拿不到…

<input id="search-input" type="search" class="search-field" placeholder="no" value="" name="s" title="Search:">

这里我的错误css：

.seach-field::placeholder{
display: none;
}
.seach-field::placeholder::after {
content: "yes";
}

pd：这是我第一次在Stackoverflow上，如果我没有把它放对，或者如果我没有在它应该放的地方发布，我很抱歉：(

Answer 1

你可以用一些技巧来做这件事，但这不是正确的方法，因为你用css写的占位符文本在你写的时候会写在文本上。然而，我解释了如何使用CSS：

您可以使用：：before选择器在任何块元素之前添加一些文本。

.wrapper {
position: relative;
}
.wrapper:before {
position: absolute;
content: 'Name';
left: 10px;
top: 2px;
color: #ccc;
}

<p class="wrapper">
<input id="name" type="text">
</p>

我希望我帮过你。