CSSでcontentEditable = trueの要素を選択するにはどうすればよいですか？

Question

私はcontentEditable = "true"で要素をスタイルしようとしています。私はtd[contenteditable]、td[contenteditable=true]、td[contenteditable="true"]を使って試してみましたが、どれも動作しませんでした。これらのセレクタがありますか、JavaScriptを使用する必要がありますか？

ここでは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>

Answer 1

あなたがラインの前に4つのスペースを使用する場合は、テキストとしてフォーマットされますが。あなたの答えで、それを少し上手くするために最初の行にしてください。

例のHTMLコードを使用すると、セレクタtd[contenteditable="true"]should workが使用されます。

古いブラウザを使用していて、なぜ動作しないのか説明できる場合。 thisは、CSS 2.1がかなり広くサポートされているので、あなたは何かIE6を使う必要があると示唆しています。

ブラウザデバッグコンソールをチェックしてください（最新のブラウザではF12を入力してください）、CSSに関連するエラーがないかどうかを確認してください。