如何在CSS中选择contentEditable = true的元素？

我试图用contentEditable =“true”来设置元素的样式（元素是表格单元格，如果这改变了任何东西）。我试过使用td[contenteditable],td[contenteditable=true],td[contenteditable="true"]，而且都没有工作。有甚至有选择这些或我将不得不使用JavaScript？如何在CSS中选择contentEditable = true的元素？

这里的HTML：

<table class="table table-bordered"> 
 
    <thead> 
 
    <th>content</th> 
 
    <th>editable content</th> 
 
    <th>content</th> 
 
    </thead> 
 
    <tr> 
 
    <td>Lorem ipsum</td> 
 
    <td contenteditable="true">I'm editable!</td> 
 
    <td>Lorem ipsum</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Lorem ipsum</td> 
 
    <td contenteditable="true">I'm editable!</td> 
 
    <td>Lorem ipsum</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Lorem ipsum</td> 
 
    <td contenteditable="true">I'm editable!</td> 
 
    <td>Lorem ipsum</td> 
 
    </tr> 
 
</table>

来源

2017-01-16 Vulture V

向我们展示你的HTML – malutki5200

工作对我来说：http://jsbin.com/noputicufe/edit?html,css,js,output – Boldewyn

我会用'[CONTENTEDITABLE = “真”]，[CONTENTEDITABLE = “”] ' – Oriol

如果您在一行，将被格式化为文本前使用四个空格。用你的答案做到这一点，以使其更好一点。

使用您的示例HTML代码选择器td[contenteditable="true"]should work。

如果您使用的是较旧的浏览器，可以解释它无法正常工作的原因。虽然this会建议你不得不使用IE6，因为现在CSS 2.1得到了广泛的支持。

如果您还没有这样做，请检查您的浏览器调试控制台（大多数现代浏览器都可以通过按F12）并查找与CSS相关的任何错误。

来源

2017-01-16 14:12:31 Seth

如果问题的格式不正确，您可以[建议编辑]（http://stackoverflow.com/posts/41678105/edit）。如果问题中的代码已经有效，您可以标记为关闭。 – Oriol

有效的编辑需要更改超过6个字符。通过替换撇号，你不会达到这个限制。此外，它意味着作为新用户的信息。无论如何，感谢您指出。我可能应该将这些信息作为评论，而不是将其作为我的答案的一部分。 – Seth

如何在CSS中选择contentEditable = true的元素？

回答

相关问题