我正在尝试向p标记显示占位符文本。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Test</title>
<style>
p:empty:not(:focus):before,
p br:only-child:not(:focus):before {
content: attr(data-text);
}
</style>
</head>
<body>
<p data-text="placeholder text..."></p>
</body>
</html>
上面的代码可以工作。但是当我试图在p标签中添加br标签时,比如<p data-text="placeholder text..."><br></p>
,它不起作用。
这条线p br:only-child:not(:focus):before
是我认为的问题,但我找不到解决办法。有人能给予我一个建议吗?
1条答案
按热度按时间cnh2zyt31#
你可以添加
:has
伪类到你的样式中来修复: