如何在CSS中添加占位箱

Question

我确实有旧的支柱项目，我想在现有CSS类的帮助下将占位符放置，因为我必须进行此更改100 s of number of jsp s。我想一次在CSS中进行一次。

.boxLookupMan
{
  border:1px solid #999;
  background-color:#ffffc7;
  font-family: verdana, arial, helvetica, sans-serif;
  FONT-SIZE: 11.5px;
  color:    black;
  text-indent: 2px;
  background-image: url(/KCBWeb/images/lookupblueman.gif);
  background-repeat: no-repeat;
  background-position: right top;
  content: "Enter your number";
}

我在Boxlookupman类中添加了内容属性，然后我的文本框应显示"输入您的号码"文本作为占位符。请建议其他CSS的其他方法或改进。

Answer 1

content属性适用于::after和::before伪元素。

add :: efter or ::以前的样式之前：

.boxLookupMan::after {
  content: "Enter your number";
  /* ... The rest ... */
}

Remeber pseudo-elements不能与所有HTML元素一起使用，例如，您不能将其与<img>，<input>或<br>一起使用，因为它们不能包含其他元素。

:: docs

之后

内容文档