Question

我确实有旧的struts项目，我想在现有的css类的帮助下放置占位符，因为我必须对100 s of number of jsp进行更改。我希望一劳永逸地在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类中添加了content属性，之后我的文本框应该显示＆＃34;输入你的号码＆＃34;文本作为占位符。它不起作用。请建议其他方法或改进当前的CSS。

Answer 1

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

在你的风格之后添加:: after或::之类的内容：

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

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

::after DOCS

content DOCS

如何使用CSS在文本框中添加占位符

1 个答案: