Форум Сайтостроение Веб-строительство

Вопрос по Bootstrap (событие onfocus)

L
На сайте с 17.05.2013
Offline
88
luckydan
559

По умолчанию когда текстовое поле подлучает фокус, оно подрашивается в синий цвет.

Как этот цвет изменить на другой? В кнопках, например, для красного есть класс btn-danger, а есть ли такое в тектсовых полях?

viКing
На сайте с 20.03.2008
Offline
124
viКing
#1

.form-control:focus {}

http://getbootstrap.com/css/#forms-controls-static

L
На сайте с 17.05.2013
Offline
88
luckydan
#2

Что-то не получается. Написал:

.form-control:focus { border-color: #ff0000;}

<input type="text" class="input-small form-control" name="search" id="search" style="height:16px; width:150px;" placeholder="Поиск">

Все-равно синий бордер при фокусе...

viКing
На сайте с 20.03.2008
Offline
124
viКing
#3

а вы это добавили до файла со стилями Bootstrap или после?

Jor
На сайте с 23.06.2012
Offline
42
Jor
#4
luckydan:
Что-то не получается. Написал:
.form-control:focus { border-color: #ff0000;}
<input type="text" class="input-small form-control" name="search" id="search" style="height:16px; width:150px;" placeholder="Поиск">

Все-равно синий бордер при фокусе...

viКing, вас на верный путь направил, в документации ведь указано:

We remove the default outline styles on some form controls and apply a box-shadow in its place for :focus.

box-shadow, а не border ☝

viКing
На сайте с 20.03.2008
Offline
124
viКing
#5
Jor:
box-shadow, а не border

там и тень и бордер нужно переопределять,

вот оригинальные стили: 

.form-control:focus {

    border-color: #66AFE9;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);

    outline: 0 none;

}

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий