2

ゼブラストライプを使用した次のTwitterブートストラップテーブルがあります。

<table class="table table-striped">  
        <thead>  
          <tr>  
            <th>Advantage</th>  
            <th>Details</th>   
          </tr>  
        </thead>  
        <tbody>  
          <tr>  
            <td>aaaaa</td>  
            <td> bbbbb </td>   
          </tr>  
        <tr>
    <td>    ccccc</td><td> ddddd</td>
</tr>    

        </tbody>  
      </table>

問題は、シマウマの縞模様が見えないことです。私にはすべてが単調に見えます。ゼブラ ストライプのコントラストを改善するにはどうすればよいですか?

前もって感謝します、

明細書

4

2 に答える 2

14

対応する CSS は次のとおりです。

.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9;
}

この背景色をより明確なものにオーバーライドする新しいルールをスタイルシートに追加します。

于 2013-04-30T18:01:13.410 に答える