我的项目有一个主题.从图中,我想将Download的颜色更改为红色,但父callout-info会覆盖它. 和主题的CSS .callout code,.callout .highli
... . . 我的项目有一个主题.从图中,我想将Download的颜色更改为红色,但父callout-info会覆盖它.
和主题的CSS
.callout code,.callout .highlight { background-color: #fff;}.callout.callout-danger { border-color: #c23321;}.callout.callout-warning { border-color: #c87f0a;}.callout.callout-info { border-color: #0097bc;}.callout.callout-success { border-color: #00733e;} 和我的看法
<div class="row"> <div class="col-sm-12 col-xs-12"> <div class="callout callout-info"> <h4><?php echo Yii::t('app','You must have to follow the following instruction at the time of importing data'); ?></h4> <ol> <li><b><?php echo Yii::t('app','The field with red color are the required field cannot be blank.'); ?></b></li> <li><?php echo Yii::t('app','The file must be CSV format.'); ?></li> </ol> <h5><?php echo Yii::t('app','Download the sample format of Excel sheet.'); ?> <b><?= Html::a(Yii::t('app','Download'),['download-file','id' => 'SSF']) ?></b></h5> </div><!--./callout--> </div><!--./col--> </div><!--./row--> 我从上面的CSS中提取了我的关注点
那么,如何在没有父级的情况下使下载变为红色
.
border-color
.callout-info覆盖颜色
.解决方法
. 如果没有父标注 – 信息覆盖颜色,你的意思是什么？如果我误解了,请纠正我.
您的给定样式在链接上不起作用,因为那里没有标记(您可以通过暂时删除< style>来确认).您可以至少以两种方式覆盖颜色：
– 插入< style>新规则：
.callout.callout-info a { color: #ff0000;} – 在Html :: a中插入第三个参数：
Html::a(Yii::t('app','id' => 'SSF'],['style' => 'color: #ff0000']); 附：我也看到你添加了css3标签,所以这个也可以工作(假设你有一个编译器)：
.callout.callout-info { border-color: #c87f0a; & a { color: #ff0000; }}. . .. ...
