Html 如何更改焦点上输入占位符的文本仅使用css？

如何更改焦点上输入占位符的文本仅使用css？初始状态：

搜寻

这并不是CSS的真正用途

CSS用于设置内容的样式；HTML用于实际内容本身

如果您需要在加载HTML后修改内容，那么Javascript就是这样做的

因此，您的问题的真正答案是：要么直接修改HTML，要么使用Javascript

使用Vanilla Javascript，您可以使用其id更改输入元素

函数changeOutput（）{
document.getElementById（'hi'）.value=“已更改的文本”；
}

你好，世界！
输入：

假设您需要更改文本框的值，以便它可以通过Javascript或Jquery执行。 有两种不同的东西CSS和Javascript。如果您的问题是样式化CSS是一个解决方案，那么它的功能和逻辑是否由Javascript负责

<input type="text" id="txt" placeholder="Search" onfocus="changeOutput()"/>

<script>
function changeOutput(){
  document.getElementById('txt').value = "Hello";
}
</script>

函数changeOutput（）{
document.getElementById（'txt'）.value=“Hello”；
}

这有点棘手。我们可以在输入元素上使用

：显示的占位符

，和

：焦点

，但不幸的是不能使用

：：after

或

：：before

（因为它们是使用

内容

道具调整纯css文本内容的唯一方法）

因此，我们的想法是创建一个输入容器，一个输入和一个假占位符作为一个跨度

。输入容器{
位置：相对位置；
}
输入：占位符显示+。占位符：：后{
内容：“占位符”；
}
输入：显示的占位符：焦点+。占位符：：后{
内容：“聚焦”；
}
.占位符{
位置：绝对位置；
排名：0；
左：0；
}

@zer00ne，占位符中的不同文本看看这个：@Waldir Bolanos，我需要占位符中的不同文本，而不是颜色不幸的是，这是javascript的工作，不是css。是吗？为什么你问了那么多次几乎相同的问题？