Changer la couleur du bouton de fermeture dans la fenêtre modale bootstrap

Question

J'utilise la fenêtre modale avec boostrap. J'ai déjà changé le fond et la couleur de la police, mais je n'ai pas réussi à changer le bouton de fermeture supérieur droit en blanc.

<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true" class="modal_button">&times;</span><span class="sr-only">Close</span></button>

Voici mon attribut 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;
}

Je voudrais tourner le bouton X en blanc 

Answer 1

Bootstrap définit la couleur comme ceci:

.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;
}

Vous pouvez donc le remplacer par ceci:

.close {
    color: #fff; 
    opacity: 1;
}