contenteditable

版本：HTML5

一个枚举属性（enumerated attribute），表示元素是否可被用户编辑。如果可以，浏览器会调整元素的部件（widget）以允许编辑。true 或者空字符串，表明元素是可被编辑的；false，表明元素不能被编辑。

 
Edit this content to add your own quote
-- Write your own name here

.output {
    font: 1rem 'Fira Sans', sans-serif;
}

blockquote {
    background: #eee;
    border-radius: 5px;
    margin: 16px 0;
}

blockquote p {
    padding: 15px;
}

cite {
    margin: 16px 32px;
}

blockquote p::before {
    content: '\201C';
}

blockquote p::after {
    content: '\201D';
}

[contenteditable='true'] {
    caret-color: red;
} 

该属性必须是下面的值之一：

• true或空字符串，表示元素是可编辑的；
• false表示元素不是可编辑的。

如果没有设置该属性，其默认值继承自父元素。

该属性是一个枚举属性，而非布尔属性。这意味着必须显式设置其值为true、false或空字符串中的一个，并且不允许简写为Example Label正确的用法是Example Label。

你可以使用CSScaret-color属性设置用于绘制文本插入caret的颜色。

浏览器支持

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com