可编辑的div,使用css模拟实现placeholder
<div
class="input-area"
ref="inputArea"
contenteditable="true"
data-placeholder="想说点什么..."
>
</div>
&:empty:before{
content: attr(data-placeholder);
color: @color-04;
font-size: 12px;
font-weight: 400;
}
本文介绍了一种使用CSS来模拟HTML输入框占位符(placeholder)效果的方法,通过设置可编辑div元素并在其为空时显示提示文本,适用于网页前端开发。
可编辑的div,使用css模拟实现placeholder
<div
class="input-area"
ref="inputArea"
contenteditable="true"
data-placeholder="想说点什么..."
>
</div>
&:empty:before{
content: attr(data-placeholder);
color: @color-04;
font-size: 12px;
font-weight: 400;
}
239

被折叠的 条评论
为什么被折叠?
