行ごとに背景色を変えるさえ、input要素も背景色をかえるには?
.trColor tr:nth-child(even){background-color: #edf7e8; }
.trColor tr:nth-child(odd){ background-color: #ffffd0; }
<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
aaa は行ごとに色が変わっていると思うのですが、
inputの背景色も行ごとに色を変えるにはどうしたらいいのでしょうか?
innerTextではだめで、必ずinputです。
できるだけ、cssだけで実現させたいのですが、難しくて分かりません。
ご教授よろしくお願い致します。