Я использую библиотеку тегов для ввода тегов (она называется tagify). Эта библиотека создает пользовательский HTML-элемент с именем tags и наследует классы от исходного текстового ввода, использованного для создания объекта javascript Tagify, а затем скрывает его. Внутри tags создается простой div с input внутри.
До этого я использовал класс начальной загрузки form-control, в фокусе которого было что-то вроде голубого свечения / тени. Я хочу, чтобы tags имел эффект фокуса, и у него есть этот класс начальной загрузки, потому что он добавлен Tagify. Однако такого эффекта фокусировки никогда не бывает.
Фактически, когда вы щелкаете по нему, вы по существу щелкаете по элементу input, поэтому я установил прослушиватель событий в фокусе, который вызывает фокусировку tags. Это не сработало ( JSFiddle ). Являются ли пользовательские элементы HTML не «фокусируемыми»? Есть ли способ добавить этот эффект к элементу tags?
EDIT:
Если я вручную проверяю флажок: focus в настройках браузера, он делает то, что мне нужно. Кроме того, мне просто нужен эффект. Необязательно использовать класс фокусировки, но мне нужно, чтобы он был точно таким же, как тот, который предоставляется form-control, даже если Bootstrap решит изменить его в будущем.
EDIT2:
Есть ли способ получить CSS псевдокласса focus и затем добавить эти правила в новый класс, используя JavaScript? Затем по фокусу в input я бы добавил этот класс к tags.