32898

[code]

     .trColor tr:nth-child(even){background-color: #edf7e8; }
     .trColor tr:nth-child(odd){  background-color: #ffffd0; }
[/code]

[code]

        <html>
        <table class="trColor">
        <tr>
        　　<td>aaa</td>
           <td><input type="text"></td>
        </tr>
        <tr>
        <td>aaa</td>
           <td><input type="text"></td>
        </tr>
        <tr>
        <td>aaa</td>
           <td><input type="text"></td>
        </tr>
        </table>
        </html>
    
    <!-- end sni
[/code]

aaa は行ごとに色が変わっていると思うのですが、  
inputの背景色も行ごとに色を変えるにはどうしたらいいのでしょうか？  
innerTextではだめで、必ずinputです。  
できるだけ、cssだけで実現させたいのですが、難しくて分かりません。

ご教授よろしくお願い致します。


CC BY-SA 3.0
2017-02-23T08:41:17.057
32896
2017-02-23T08:55:33.953
20773
question
css html5
行ごとに背景色を変えるさえ、input要素も背景色をかえるには？


inputにも指定を当てる方法ではダメなのでしょうか？

[code]

    .trColor tr:nth-child(even),
    .trColor tr:nth-child(even) input {
       background-color: #edf7e8;
    }
    
    .trColor tr:nth-child(odd),
    .trColor tr:nth-child(odd) input {
       background-color: #ffffd0;
    }
[/code]

[code]

    <html>
    <table class="trColor">
        <tr>
            <td>aaa</td>
            <td><input type="text"></td>
        </tr>
        <tr>
        <td>aaa</td>
           <td><input type="text"></td>
        </tr>
        <tr>
        <td>aaa</td>
           <td><input type="text"></td>
        </tr>
    </table>
    </html>
[/code]


CC BY-SA 3.0
2017-02-23T08:55:33.953
32898
2017-02-23T08:55:33.953
17324
32896
answer