javascript - none - quit focus input css

Anular Twitter bootstrap Textbox Glow y sombras

Question

Quiero eliminar el resplandor azul del cuadro de texto y el borde, pero no sé cómo anular cualquiera de los js o css, ver Here

EDIT 1

Quiero hacer esto porque estoy usando el plugin jquery Tag-it y estoy usando twitter bootstrap también, el plugin usa un textField oculto para agregar las etiquetas, pero cuando estoy usando Twitter bootstrap aparece como un cuadro de texto con brillo dentro de un cuadro de texto que es un poco extraño

Answer 1

Después de hacer algunas excavaciones, creo que lo cambiaron en el último arranque. El código siguiente funcionó para mí, no es simple el control de formularios que estaba usando y que causaba el problema.

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 2

En bootstrap 3 hay una pequeña descarga superior en iOS, podría eliminarse con esto:

input[type="text"], input[type="email"], input[type="search"], input[type="password"] {
    -webkit-appearance: caret;
    -moz-appearance: caret; /* mobile firefox too! */
}

Lo tengo desde here

Answer 3

Los prefijos del proveedor no son necesarios en este punto, a menos que esté respaldando navegadores heredados, y podría simplificar sus selectores simplemente haciendo referencia a todas las entradas en lugar de a cada uno de los tipos individuales.

input:focus,
textarea:focus,
select:focus {
  outline: 0;
  box-shadow: none;
}

Answer 4

También puede anular la configuración predeterminada de Bootstrap para usar sus propios colores

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 5

Vaya a Personalizar Bootstrap , busque @ input-border-focus, ingrese el código de color que desee, desplácese hacia abajo y haga clic en "Compilar y descargar".

Answer 6

esto eliminará el borde y la sombra azul de enfoque.

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/

Answer 7

si crees que no puedes manejar la clase css simplemente agrega estilo al campo de texto

<input type="text" style="outline:none; box-shadow:none;">

Answer 8

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

Answer 9

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

establece el estilo desenfocado de arranque