Bootstrap текущий активный переключатель цвета элемента dom?
Я хотел бы изменить стандартное свечение контура начальной загрузки для любого элемента dom. Я уже сделал это для входов и кнопок, но на любом другом элементе он все еще синий. Так, например, я нажимаю TAB на клавиатуре, и он переходит к следующему элементу, и он светится синим. Как мне это изменить? Я не могу найти его в css. Пожалуйста, посмотрите на пункты меню ниже:
Когда я нажимаю TAB на клавиатуре, он каждый раз перемещается к следующему и заставляет его светиться синим. Как мне изменить этот цвет? Я думаю, что есть более простой способ изменить загрузочный css, либо переопределить его, либо разместить его локально и изменить его, вместо того, чтобы идти после каждого класса и указывать активный, фокус или что-то еще, что заставляет его светиться синим цветом. Любые идеи??
Ответы 2
Упомянутое вами свечение контура называется в CSS outline.
Вам нужно будет изменить псевдо-свойство :focus в css, чтобы получить желаемый цвет при нажатии клавиши TAB.
*:focus{
outline: red; /* Your color */
}
Пожалуйста, добавьте код к своему вопросу или, возможно, вставьте его в скрипку?
В итоге я использовал *: focus. Ответ был на самом деле в моем вопросе. Чтобы выбрать все для: сфокусируйтесь и установите правила. Спасибо!!
*:focus - это то, что вы ищете:
*:focus {
box-shadow: 0 0 0 .2rem red !important;
}
вы можете переопределить его, используя !important;, как это сделал я.
Это не меняет цвет. Спасибо!
моя вина. использование этого с .btn изменяет только цвет фокуса на кнопках. вы должны выбрать свой навигационный элемент. :)
взгляните на мой обновленный ответ. если вы снова застряли, дайте нам посмотреть код.
Спасибо, я использовал / * удалить контур начальной загрузки или изменить цвет * / *: focus {border-color: rgba (121, 62, 165, 1); box-shadow: 0 1px 1px rgba (0, 0, 0, 0,075) вставка, 0 0 8px rgba (121, 62, 165, 1); наброски: 0 нет! важно; } Потому что такой стиль используется для моих опций выбора, входов и т. д. Теперь все идеально сочетается !! Спасибо, парни!
Это полностью удаляет его, и я думаю, что лучше использовать черный, белый и фиолетовый цвета. Но для пользователей, использующих клавиатуру, было бы лучше знать, какой в некотором роде элемент dom является активным. Свечение - хорошая идея. Просто цвет не соответствует теме. Мне нужно это знать, потому что он должен быть другим для версии с инвертированным цветом. Спасибо за ваш вклад !!