Question

我希望我的DIV标记有一个占位符，当DIV没有聚焦且没有文本时会出现。我知道这有多个SO链接，但是每个人提供的通用解决方案似乎对我没用。以下是HTML和CSS。为什么这不起作用？

代码：

＆＃13;

#composeBody:empty:not(:focus):before{
  content:attr(data-placeholder);
  color: #555;
  display: block; /* For Firefox */
}

＆＃13;

<div id="composeBody" data-placeholder="Start composing your message..." contenteditable="true"></div>

＆＃13;

Answer 1

的

there are lot of options using javascript, but if you want to do it in css.Try this:[contentEditable=true]:empty:not(:focus):before{
    content:attr(data-text)
}

html: div( contentEditable=true data-text="Enter text here")(/div)

HTML - DIV的占位符

1 个答案: