artzub 13 янв 2021 в 15:43

Свободно стилизируемый outline DOM элементов

2 мин

5.4K

Веб-дизайн*CSS*JavaScript*HTML*Usability*

Туториал

Комментарии 7

Hando 14 янв 2021 в 05:54

Меня до сих пор устраивает отключение отображения outline

ArtZ91 14 янв 2021 в 20:09

На телефоне из-за экранной клавиатуры сдвигается, нужно добавить обработчик на изменение размеров окна. Также если на форме в начале появится какое-либо сообщение, допустим валидация сработала, нужно опять будет вызывать метод для пересчёта рамки. Тогда уже проще таймаут поставить наверно.

artzub 14 янв 2021 в 20:10

Я поэтому и упомянул ResizeObserver

monochromer 18 янв 2021 в 08:41

заголовок поправьте

А затем перемещаем, наши 4-e div, каждый в свой угол

Не проще ли задавать размеры родительскому контейнеру, а уголки изначально спозиционировать с помощью CSS?

artzub 18 янв 2021 в 09:27

Возможно, действиельно проще, раставить бордеры в нужные углы, а затем изменять размер родителя, но у меня был ход мысли такой что я планировал их в крестик собирать, или что то еще делать не стандартное. Поэтому оставил этот вариант в статье.

bubn0ff 20 янв 2021 в 19:46

Интересное решение, сохранил на всякий случай.

StonedCatt 22 янв 2021 в 20:47

Интересно, спасибо!

Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Показать лучшие за всё время