это будет далеко не с таким же успехом, так как придется делать с нуля то, что уже встроено в браузере

а почему нельзя в 4 инпута?

это ж рили самый адекватный вариант

Выше была постановка с одним инпутом.

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

2. Всё сильно зависит от постановки задачи и требуемых "опций".

Пример. Вы ввели 3 символа. Допустили ошибку, нажимаете backspace чтобы удалить 1 или несколько символов. Когда у вас 1 инпут или контейнеры, можно будет удалить
Когда у вас 4 разных дива, то удаление будет только в рамках 1го инпута.

3. При вводе 4х символов, без управления мыши, у вас автоматом "должен" курсор перемещаться по квадратам.

Возможно проверка "армейских" навыков. 🤭

ну с 4 инпутами все это можно описать

с 1 инпутом получается таке шось. типа прозрачный инпут.  На фоне 4 квадрата блоком и маску типа хз

какашка есль честно

а как заслонить тени от боковых псевдо-элементов?)

А?

Поставь им з индекс -1 попробуй

подскажите плз, как сделать что бы фон закрашивался не на всю ширину а чисто за текстом?

Спасибо разобрался)

Ребята, привет. Подскажите, как правильно сделать что бы фото ссылки не выходили за макет?

1.Вот макет.
2. У меня.
3. Код

Уменьшить возможно ширину? Макет просто на 1920, мой экран - 1250

Сделай адаптивность

Через медиа запросы

Понимаю, что не по теме чата, но может есть кто-то, кто хорошо разбирается в wordpress, а именно в базах данных?
На сайте всего несколько страниц + 227 записей.
Одна таблица "wp_postmeta" весит 100мб.  - это нормально или же совсем наоборот?