请选择 进入手机版 | 继续访问电脑版
Mozilla

火狐社区

登录    注册

QQ互联

模拟输入框遇到的问题

大黑 社区新人 发表于 2020-2-11 10:13:07 | 显示全部楼层 [复制链接]
2 670
最近在使用contenteditable+empty+before模拟输入框时候,当最后最后删除输入文字时,empty选择器无法选择到选择的元素,是应该最后的元素中包含一个br元素,这就导致before的content无法显示
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>before</title>
  7.     <style>
  8.         p:empty::before{
  9.             content: '请输入文字';
  10.         }
  11.     </style>
  12. </head>
  13. <body>
  14.     <!--模拟输入框 -->
  15.     <p contenteditable="true"></p>
  16. </body>
  17. </html>
复制代码



xuyuehang Mozilla员工
发表于 2020-2-13 11:04:25 | 显示全部楼层
大黑 社区新人
发表于 2020-2-15 13:14:36 | 显示全部楼层
xuyuehang 发表于 2020-2-13 11:04
猜测,是这个问题?https://bugzilla.mozilla.org/show_bug.cgi?id=744408

是的 ,没有看懂解决方案 ,能说下么
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表