为了账号安全,请及时绑定邮箱和手机立即绑定

如何改变斑马线颜色

在不更改基本样式表的基础上怎么快速更改斑马线背景颜色呢?

正在回答

4 回答

我觉得bootstrap也只是算是被美化了的一个默认样式吧,你可以为表格设个id 或者class另外自己来设置想要样式就不会影响其他的表格了吧

0 回复 有任何疑惑可以回复我~
#1

社稷师 提问者

非常感谢!
2016-03-21 回复 有任何疑惑可以回复我~

:host /deep/.table-striped > tbody > tr:nth-of-type(odd){
  background:#f9fcfe;
}

a.css这样覆盖就可以了

0 回复 有任何疑惑可以回复我~

自己再新建一个CSS文件如a.css 然后把bootstrap斑马线的这段语句

.table-striped > tbody > tr:nth-of-type(odd) {

  background-color: #f9f9f9;

}

复制进去a.css, 然后改类名 你想要的颜色,如

.table-striped-red > tbody > tr:nth-of-type(odd) {

  background-color: red;

}

最后<tabel> 增加class→ <table calss="table table-striped-red">就好了。。但是 这个方法 hover效果好像就失效了

1 回复 有任何疑惑可以回复我~

css文件里面有个color 改变里面的例如#333 这种数值什么的

0 回复 有任何疑惑可以回复我~
#1

社稷师 提问者

改bootstrap.css里面的值?不想改这个样式表,比如有两个表格,斑马线背景色想要不同的,改了那个样式的值两个不就都变了么
2016-03-04 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
玩转Bootstrap(基础)
  • 参与学习       314546    人
  • 解答问题       2275    个

告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap

进入课程

如何改变斑马线颜色

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信