Ganti Textbox bootstrap twitter Glow and Shadows

Saya ingin menghapus cahaya Biru dari kotak teks dan perbatasan, tetapi saya tidak tahu cara menimpa salah satu js atau cssnya, periksa di Sini

EDIT 1

Saya ingin melakukan ini karena saya menggunakan plugin jquery Tag-it dan saya juga menggunakan twitter bootstrap, plugin menggunakan textField tersembunyi untuk menambahkan tag, tetapi ketika saya menggunakan bootstrap twitter, itu muncul sebagai kotak teks dengan cahaya di dalam a kotak teks yang agak aneh

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

Anda juga dapat mengganti pengaturan Bootstrap default untuk menggunakan warna Anda sendiri

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

set ke gaya bootstrap tidak fokus

Setelah melakukan beberapa penggalian, saya pikir mereka mengubahnya di bootstrap terbaru. Kode di bawah ini berfungsi untuk saya, bukan kotak sederhana kontrol bentuknya yang saya gunakan yang menyebabkan masalah.

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

Pergi ke Customize Bootstrap , cari @ input-border-focus, masukkan kode warna yang Anda inginkan, gulir ke bawah dan klik "Compile and Download".

jika Anda merasa tidak dapat menangani kelas css maka cukup tambahkan gaya ke bidang teks

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

ini akan menghapus batas dan fokus bayangan biru.

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/

Pada bootstrap 3 ada shodow atas kecil di ios, bisa dihapus dengan ini:

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

Dapatkan dari sini

Awalan vendor tidak diperlukan pada saat ini, kecuali Anda mendukung browser lama, dan Anda dapat menyederhanakan penyeleksi Anda hanya dengan merujuk ke semua masukan, bukan masing-masing jenis individual.

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