最近在使用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>
|
|
