我正在使用模态窗口与boostrap.我已经改变了背景和字体颜色,但是我没有成功地将右上角的关闭按钮更改为白色.
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true" class="modal_button">×</span><span class="sr-only">Close</span></button>
这是我的css属性
.modal-header {
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
text-align: left;
font-size: 23px;
color: white;
background-color: #261f31;
border-bottom: 0px;
}
我想把X按钮变成白色
解决方法
Bootstrap设置如下颜色：
.close {
float: right;
font-size: 21px;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: .2;
}
所以你可以用它来覆盖它：
.close {
color: #fff;
opacity: 1;
}
