火狐社区

标题: 模拟输入框遇到的问题 [打印本页]

作者: 大黑 时间: 2020-2-11 10:13
标题: 模拟输入框遇到的问题
最近在使用contenteditable+empty+before模拟输入框时候，当最后最后删除输入文字时，empty选择器无法选择到选择的元素，是应该最后的元素中包含一个br元素，这就导致before的content无法显示

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>before</title>
<style>
p:empty::before{
content: '请输入文字';
}
</style>
</head>
<body>
<p contenteditable="true"></p>
</body>
</html>

复制代码

作者: xuyuehang 时间: 2020-2-13 11:04
猜测，是这个问题？https://bugzilla.mozilla.org/show_bug.cgi?id=744408

作者: 大黑 时间: 2020-2-15 13:14

xuyuehang 发表于 2020-2-13 11:04
猜测，是这个问题？https://bugzilla.mozilla.org/show_bug.cgi?id=744408

是的 ,没有看懂解决方案，能说下么

欢迎光临火狐社区 (http://mozilla.com.cn/)