bootstrap v3.3.6 版本.table-striped不起作用的问题

v3.3.6 版本.table-striped不起作用的问题,想必你可能是发现了,表格样式.table-striped样式,使用后你会奇怪地发现怎么没有变化呢?
其实不是这样子的,其实它是起作用的,只是颜色值非常非常的接近白色而已。
我们在bootstrap.css源码中可以看到:

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
background-color:#f9f9f9;

它是一个非常接近白色的颜色值

我们只需要做的事情就是新建一个自己定义的样式文件在文件中定义如下:

.table-striped-warner > tbody > tr:nth-of-type(odd) {
  background-color: #cbc8c7;
}
background-color: #cbc8c7;

对于这个颜色值,你可以按照自己的意愿定义即可

然后就是将自己定义的CSS样式文件引入到html文档中,然后使用我们自己定义的类就可以解决问题

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值