课程
/前端开发
/Bootstrap
/玩转Bootstrap(基础)
在不更改基本样式表的基础上怎么快速更改斑马线背景颜色呢?
2016-03-03
源自:玩转Bootstrap(基础) 2-20
正在回答
我觉得bootstrap也只是算是被美化了的一个默认样式吧,你可以为表格设个id 或者class另外自己来设置想要样式就不会影响其他的表格了吧
社稷师 提问者
:host /deep/.table-striped > tbody > tr:nth-of-type(odd){ background:#f9fcfe;}
a.css这样覆盖就可以了
自己再新建一个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效果好像就失效了
css文件里面有个color 改变里面的例如#333 这种数值什么的
举报
告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap
6 回答怎么改变表格斑马线的颜色
5 回答如何改变颜色
3 回答斑马线表格
3 回答请问如何给字体改变颜色
2 回答改变他的颜色或背景颜色