Ignorer Twitter bootstrap Textbox Glow and Shadows

Question

Je veux supprimer la lueur Bleue de la zone de texte et la frontière, mais je ne sais pas comment faire pour remplacer l'un de la js ou css, vérifiez Ici

EDIT 1

Je veux faire ça parce que je suis en utilisant le plugin jquery Tag-it et je suis en utilisant twitter bootstrap aussi, le plugin utilise un caché textField pour ajouter les balises, mais quand je suis en utilisant twitter bootstrap, il apparaît comme une zone de texte avec la lueur à l'intérieur d'une zone de texte qui est un peu bizarre

Answer 1

 .simplebox {
  outline: none;
  border: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
 

j'y suis arrivé

Answer 2

Vous pouvez également remplacer le paramètre Bootstrap par défaut pour utiliser vos propres couleurs.

 textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}
 

Answer 3

 input.simplebox:focus {
  border: solid 1px #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
}
 

définit pour amorcer un style flou

Answer 4

Après avoir creusé un peu, je pense qu'ils l'ont changé dans le dernier bootstrap. Le code ci-dessous a fonctionné pour moi, ce n’est pas simple, c’est le contrôle de la forme que j’utilisais qui était à l’origine du problème.

 input.form-control,input.form-control:focus {
    border:none;
    box-shadow: none;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   -moz-transition: none;
   -webkit-transition: none;
}
 

Answer 5

cela supprimera la bordure et l'ombre bleue de la mise au point.

 input.simplebox,input.simplebox:focus {
  border:none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -moz-transition: none;
  -webkit-transition: none;
}
 

http://jsfiddle.net/pE5mQ/64/