Jak mogę zmienić kolor obramowania/konturu dla elementów wejściowych i tekstowych w usłudze Twitter Bootstrap?

Question

Chcę zmienić kolor pola tekstowego bootstrap z domyślnego niebieskiego. wypróbowany:

.input-small, 
.input-medium { 
    border-color: #E56717; 
} 

Niezbyt pomocna. Wypróbowano również ": focus"

Answer 1

Przypuszczam, że mówisz o niebieskim blasku na fokusie? Spróbuj tego:

textarea:focus, input:focus, input[type]:focus, .uneditable-input:focus { 
    border-color: rgba(229, 103, 23, 0.8); 
    box-shadow: 0 1px 1px rgba(229, 103, 23, 0.075) inset, 0 0 8px rgba(229, 103, 23, 0.6); 
    outline: 0 none; 
} 

Answer 2

Jeśli używasz bootstrap 3 z LESS, można ustawić zmienną @input-border-focus. Ta zmienna znajduje się w variables.less.

Answer 3

Do kogo odwiedziłem tę stronę i nie znalazłem rozwiązania, udało mi się zastąpić -webkit-focus-ring-color żądanym kolorem i działa dobrze!