Подсветка инпута при клике

@Sergio Aguero · Регистрация: 11.04.2012

Author24 — интернет-сервис помощи студентам

как реализовано это в бутстрапе? какое свойство или псевдоселектор отвечает за свечение инпута при клике?
можно ли без бутстрапа реализовать подобное свечение инпута? если да - то как?

@Crystal-3 · 10.01.2015, 16:06

Sergio Aguero, без бутстрапа:

CSS
1
2
3
4
form input[type='text']:focus {
    border:1px solid blue;
    box-shadow:0 0 7px blue;
}

@whiteapps · 10.01.2015, 23:02

Вы без труда можете посмотреть как это сделано в самом бутстрапе с помощью инструмента разработчика в Вашем браузере

CSS
1
2
3
4
5
6
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

@Mikhail Shell · 11.01.2015, 09:05

Sergio Aguero, код:

CSS
1
2
3
4
form input[type="text"]:focus{
outline:1px solid blue;/*свечение вокруг формы*/
...
}

Новые блоги и статьи Все статьи Все блоги /
Неблокируемый стек в C++26: реализуем простой сборщик мусора stackOverflow 02.03.2025 Многопоточные приложения требуют надежных и производительных структур данных, способных эффективно работать в условиях конкурентного доступа. Неблокируемые структуры данных представляют собой особый. . .	Шаблон REQ/REP в ZeroMQ: сверхбыстрый обмен сообщениями в C++ и Python stackOverflow 02.03.2025 Построение высоконагруженных распределенных систем требует надежного и производительного механизма обмена сообщениями. ZeroMQ выделяется среди прочих решений своей невероятной скоростью работы и. . .	Нестандартные приемы работы с итераторами в C++ stackOverflow 02.03.2025 Итераторы - один из краеугольных камней C++, предоставляющий универсальный механизм обхода и манипуляции данными в контейнерах. Появившись как замена небезопасным указателям, они эволюционировали от. . .	Лексический анализ и регулярные выражения в C++26 stackOverflow 02.03.2025 Лексический анализ - ядро любого компилятора и инструмента обработки текста. Каждый программист сталкивается с задачами парсинга строк, обработки файлов конфигурации или анализа пользовательского. . .	Подробно о std::mdspan в C++23 stackOverflow 02.03.2025 Работа с многомерными массивами данных традиционно была одной из сложных задач в C++. Программистам приходилось создавать собственные абстракции или использовать сторонние библиотеки для эффективной. . .
Колмогоровская сложность в C++: Путь к совершенному коду stackOverflow 02.03.2025 Абстрактная математическая теория Колмогорова стала мощным средством оценки и улучшения программного кода. Сложность алгоритма - не только в его вычислительной эффективности, но и в том, насколько. . .	Изменения в C# 14 stackOverflow 02.03.2025 Одно из самых значимых изменений в C# 14 - поддержка коллекционных выражений, которые позволяют создавать и инициализировать коллекции с помощью нового лаконичного синтаксиса. Это нововведение. . .	Разработка кроссплатформенного мобильного приложения для iOS/Android на C++ bytestream 02.03.2025 C++ как язык программирования высокого уровня с прямым доступом к аппаратным ресурсам позволяет создавать приложения, работающие одинаково быстро как на iOS, так и на Android устройствах. Ни для кого. . .	Аутентификация/авторизация на Golang bytestream 02.03.2025 Go предлагает множество возможностей для создания надежных систем аутентификации. Встроенные криптографические пакеты, высокая производительность и простота параллельной обработки запросов делают его. . .	Нововведения TypeScript 5.8 bytestream 02.03.2025 TypeScript 5. 8 приносит много возможностей и оптимизаций, которые существенно расширяют границы типобезопасного программирования на JavaScript. Эта версия включает ряд значительных улучшений в работе. . .

@Sergio Aguero 452 / 443 / 21 Регистрация: 11.04.2012 Сообщений: 2,076
		1
	Подсветка инпута при клике 10.01.2015, 15:26. Показов 7253. Ответов 3 Метки нет (Все метки) как реализовано это в бутстрапе? какое свойство или псевдоселектор отвечает за свечение инпута при клике? можно ли без бутстрапа реализовать подобное свечение инпута? если да - то как? Миниатюры 0