ブーストラップ付きのモーダルウィンドウを使用しています。背景とフォントの色を変更しましたが、右上の閉じるボタンを白に変更できませんでした。
<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;
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加