如何提高引导斑马条纹表上的对比度 [英] How can I improve contrast on bootstrap zebra striped table

问题描述

我有以下带有斑马条纹的twitter启动表：

I have the following twitter bootstrap table with zebra striping:

<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>

问题是我看不到斑马条纹！这一切看起来单调对我。如何提高斑马条纹的对比度？

The problem is I can't see the zebra striping! It all looks monotone to me. How can I improve the contrast of the zebra striping?

提前感谢，

推荐答案

如果你正在构建Bootstrap从它的 .less 文件看看 variables.css ，特别是此行（从 github ）：

If you are building Bootstrap from it's .less files look at variables.css, specifically this line (from github):

@tableBackgroundAccent:             #f9f9f9; // for striping

您还可以使用 customizer 。

对于更深的灰色，这个十六进制值可以工作： #DBDBDB （这是一个稍深的灰色，红色绿色和蓝色的平衡组合）

As for a darker gray, this hex value could work: #DBDBDB (it's a slightly darker gray with the same balanced mix of red green and blue)

这篇关于如何提高引导斑马条纹表上的对比度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！