Html 在第一个字符上输入占位符样式

我有一个带有占位符的输入。但我想在此占位符上应用一种样式，使我的第一个字符以粗体（和其他字体大小）显示

我在找粗体和其他字体的“2”。 我没有发现任何关于那个的。。。我发现所有的建议都不起作用

---

非常感谢

我认为您不能使用css规则设置占位符的第一个字母的样式

您可以使用javascript构建一个伪占位符，并使用

：：first letter

选择器设置第一个字母的样式

您的输入变成：

<div class="wrapper">
  <input oninput="writeInk()" onpaste="writeInk()"  onkeyupe="writeInk()" onclick="clickInput2()" id="search_input_id" type="text" class="headerSelectAndInputPrinter" style="width:250px; margin-left: 8px;height: 42px" />
  <span class="pseudoPlaceholder">2 - Second Input</span>
</div>

并使用javascript处理伪占位符：

function writeInk(){
   if($("#search_input_id").val() == ""){
       $(".pseudoPlaceholder").show();
   }else{
       $(".pseudoPlaceholder").hide();
   }
}

---

结果是：

我认为您无法使用css规则设置占位符的第一个字母的样式

您可以使用javascript构建一个伪占位符，并使用

：：first letter

选择器设置第一个字母的样式

您的输入变成：

<div class="wrapper">
  <input oninput="writeInk()" onpaste="writeInk()"  onkeyupe="writeInk()" onclick="clickInput2()" id="search_input_id" type="text" class="headerSelectAndInputPrinter" style="width:250px; margin-left: 8px;height: 42px" />
  <span class="pseudoPlaceholder">2 - Second Input</span>
</div>

并使用javascript处理伪占位符：

function writeInk(){
   if($("#search_input_id").val() == ""){
       $(".pseudoPlaceholder").show();
   }else{
       $(".pseudoPlaceholder").hide();
   }
}

结果是：