Ghi đè lên twitter bootstrap Textbox Glow and Shadows

Tôi muốn loại bỏ ánh sáng xanh của hộp văn bản và đường viền, nhưng tôi không biết làm thế nào để ghi đè bất kỳ js hoặc css nào của nó, hãy kiểm tra Tại đây

CHỈNH SỬA 1

Tôi muốn làm điều này vì tôi đang sử dụng plugin jquery Tag-it và tôi cũng đang sử dụng twitter bootstrap, plugin sử dụng một textField ẩn để thêm các thẻ, nhưng khi tôi sử dụng twitter bootstrap, nó xuất hiện dưới dạng một hộp văn bản với ánh sáng bên trong hộp văn bản hơi kỳ quặc

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

Bạn cũng có thể ghi đè cài đặt Bootstrap mặc định để sử dụng màu của riêng bạn

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

đặt sang kiểu bootstrap không tập trung

Sau khi thực hiện một số đào, tôi nghĩ rằng họ đã thay đổi nó trong bootstrap mới nhất. Đoạn mã dưới đây đã làm việc cho tôi, hộp không đơn giản của nó điều khiển biểu mẫu mà tôi đang sử dụng đã gây ra sự cố.

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

Vào Customize Bootstrap , tìm @ input-border-focus, nhập mã màu mong muốn của bạn, cuộn xuống và nhấp vào "Compile and Download".

nếu bạn nghĩ rằng bạn không thể xử lý lớp css thì chỉ cần thêm kiểu vào trường văn bản

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

điều này sẽ loại bỏ đường viền và bóng xanh tiêu điểm.

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/

Trên bootstrap 3 có một lỗi nhỏ trên ios, có thể được gỡ bỏ bằng cách này:

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

Lấy nó từ đây

Tiền tố nhà cung cấp không cần thiết tại thời điểm này, trừ khi bạn đang hỗ trợ các trình duyệt cũ và bạn có thể đơn giản hóa bộ chọn của mình bằng cách chỉ tham chiếu đến tất cả các đầu vào thay vì từng loại riêng lẻ.

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
}