html5标签“Contenteditable”的css选择器[重复]答案

【问题标题】：css selector for html5 tag "Contenteditable" [duplicate]html5标签“Contenteditable”的css选择器[重复]
【发布时间】：2017-07-16 11:57:55
【问题描述】：

如何将 css 选择器用于 contenteditable="true"

<div id="1" name="1" contentEditable="true"></div>

【问题讨论】：

contentEditable 不是一个“标签”，它是一个属性。
我摇摇头不敢相信有人标记了你。这是 (a) 一个非常好的问题，(b) 直接出现在谷歌搜索的顶部，并且 (c) 不是重复的，因为他没有询问如何设置样式，以及 (d) @user663031，这是关于一个标签显然是 OP 的意思。对精英人士的抱怨不断涌现，除非 SO 采取行动，否则这将继续驱使人们前往其他网站。

标签： html css

【解决方案1】：

使用CSS attribute selector：

div[contenteditable="true"] {
    background: red;
}

在英语中，这意味着：“查找所有具有 contenteditable 属性且其值设置为 true 的 div。” 在上面的示例中，我们找到所有为 contenteditable 的 div 元素并赋予它们红色背景。

【讨论】：

【解决方案2】：

指定 html 选择器，然后在方括号中指定所需的属性及其值

div[contentEditable="true"]

【讨论】：

【解决方案3】：

您可以使用css selector 为属性选择任何类型的属性，只需使用[atttributeName]。

【讨论】：