<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
<style>
.rich{
color:#000;
width:100px;
height:100px;
}
.rich:empty:before{
content: attr(data-placeholder);
color:#bbb;
}
.rich:focus:before{
content:none;
}
</style>
</head>
<body>
<div class="rich" contenteditable="true" data-placeholder="这里"></div>
</body>
</html>
配合 contenteditable 拓展阅读：Placeholder for contenteditable d...
方法一：div模拟textarea文本域实现高度自适应 div模拟textarea出现光标实现编辑功能，可添加此属...
修改input框中placeholder的字体相关样式 ::-webkit-input-placeholder {...
1、input中添加提示词placeholder，改变placeholder的颜色要使用： input::-web...
input::-webkit-input-placeholder, textarea::-webkit-input...
/* WebKit browsers */ input::-webkit-input-placeholder { ...
控制placeholder的样式 ::-webkit-input-placeholder{} /* 默认place...
input::-webkit-input-placeholder{ color:#aaa !important }
本文标题：对于可编辑的div实现类似于input的placeholder功
本文链接：https://www.haomeiwen.com/subject/dkmmmttx.html
网友评论