2017-08-11 200 views
0

我验证面板主结构的bootstrap.css文件中代码css的结构,并且我想创建自定义颜色。然后,我创建一个单独的css并制作:面板自定义颜色的问题

.panel-custom { 
    border-color: #7e1416; 
} 
.panel-custom > .panel-heading { 
    color: #fff; 
    background-color: #7e1416; 
    border-color: #7e1416; 
} 
.panel-custom > .panel-heading + .panel-collapse > .panel-body { 
    border-top-color: #7e1416; 
} 
.panel-custom > .panel-heading .badge { 
    color: #7e1416; 
    background-color: #7e1416; 
} 
.panel-custom > .panel-footer + .panel-collapse > .panel-body { 
    border-bottom-color: #7e1416; 
} 

问题是,我无法再次修改颜色。如果改变颜色,我的对象保持第一种颜色配置。而且,如果我评论这些代码,这些对象会保留面板自定义的风格!

为什么它会发生?

回答

0

我认为浏览器缓存存在问题。 我在浏览器中执行Ctrl + F5并且修改已经平息。

谢谢!