Question

我正在尝试使用contentEditable =“true”设置元素样式（如果更改了任何内容，则元素为表格单元格）。我已尝试使用td[contenteditable=true]，td[contenteditable="true"]，<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>，但这些都不起作用。是否有这些选择器或我是否必须使用JavaScript？

这是HTML：

<form action="/file-upload"
  class="dropzone"
  id="my-awesome-dropzone"></form>

Answer 1

如果在一行前面使用四个空格，则将其格式化为文本。有了你的答案就可以在第一行做到这一点，以使它更好一点。

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

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

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

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

1 个答案: