Twitter bootstrap Textbox Glow and Shadows'u geçersiz kıl

Metin kutusunun ve kenarlığın Mavi parıltısını kaldırmak istiyorum, ancak js veya css'lerinden herhangi birini nasıl geçersiz kılacağımı bilmiyorum, Buraya bakın

DÜZENLE 1

Bunu yapmak istiyorum çünkü jquery eklentisi Tag- it'i kullanıyorum ve ayrıca twitter bootstrap kullanıyorum, eklenti etiketleri eklemek için gizli bir textField kullanıyor, ancak twitter önyükleme kullandığımda bir metin kutusu olarak görünüyor biraz garip olan metin kutusu

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

Kendi renklerinizi kullanmak için varsayılan Bootstrap ayarını da geçersiz kılabilirsiniz.

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

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

odaklanmamış stili önyüklemeyi ayarlar

css sınıfını idare edemeyeceğinizi düşünüyorsanız, metin alanına basitçe stil ekleyin

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

Biraz araştırma yaptıktan sonra, en son önyüklemede bunu değiştirdiklerini düşünüyorum. Aşağıdaki kod benim için çalıştı, soruna neden olan basit bir kutu değil, kullandığım form kontrolü.

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

Bootstrap'i Özelleştir'e gidin , @ input-border- focus'u arayın, istediğiniz renk kodunu girin, aşağı kaydırın ve "Derle ve İndir" i tıklayın.

bu, sınırı ve odak mavi gölgesini kaldıracaktır.

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/

Bootstrap 3'te ios üzerinde küçük bir üst kısım var, bununla kaldırılabilir:

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

Buradan aldım

Eski tarayıcıları desteklemediğiniz sürece, satıcı önekleri bu noktada gerekli değildir ve seçicilerinizi tek tek türlerin her biri yerine tüm girdilere atıfta bulunarak basitleştirebilirsiniz.

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

HTML

<input type="text" class="form-control shadow-none">

CSS

input:focus{
    border: 1px solid #ccc
}

.form-control:focus {
  box-shadow: 0 0 0 0.2rem rgba(103, 250, 34, 0.25);
}