Zmień niebieską poświatę na fokus Bootstrap


191

Czy ktoś wie, jak zmienić Bootstrap input:focus? Niebieska poświata, która pojawia się po kliknięciu inputpola?


Jak widzę selektor ostrości w wielu miejscach Nie jestem pewien, czy powinienem go zmienić?
felix001

1
Najwyraźniej @mdo jest w 100% przeciwny, pozwalając nam określić kolor blasku za pomocą zmiennej LESS: github.com/twitter/bootstrap/issues/2742
Ben Harold

Odpowiedzi:


223

Na koniec zmieniłem następujący wpis css w bootstrap.css

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(126, 239, 104, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);
  outline: 0 none;
}

3
Spotkałem się z celowanieminput[type] {}
Morfeusz

2
Nie jest to już konieczne w przypadku Bootstrap 3.x. Zobacz moją odpowiedź, aby uzyskać więcej informacji.
Nate T

@Cricket Ta zmienna nie jest obecnie dostępna w konfiguratorze Boostrap :(
Caumons,

2
@Caumons Jest teraz. Polecam użyć @input-border-focuszamiast tej odpowiedzi.
Nate T,

4
zapomniałeśselect
David Morrow,
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.