Как сверстать стрелку вокруг поля ввода

Для создания стрелки вокруг поля ввода можно использовать CSS с псевдоэлементами и трансформациями. Вот пример: ```html ``` ```css .input-wrapper { position: relative; display: inline-block; } .input-wrapper::before { content: ""; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border: 2px solid #3498db; border-radius: 5px; pointer-events: none; } .input-wrapper::after { content: "→"; position: absolute; right: -20px; top: 50%; transform: translateY(-50%); color: #3498db; font-size: 20px; } ``` Ключевые моменты: 1. Используем `::before` для создания рамки вокруг поля 2. `::after` добавляет стрелку справа 3. `pointer-events: none` позволяет кликать сквозь псевдоэлементы 4. Позиционирование абсолютное относительно обертки 5. Можно анимировать стрелку с помощью CSS transitions