Как стилизовать value внутри input?

Question

Всем привет. Есть дизайн инпута, в котором value стилизуется таким образом ( см. скрин ). Как такое можно сделать?

Заранее спасибо.

Answer 1

Держите

    <div class="my_div">
        <input class="my_input" value="12334" name="name">
    </div>
    <style>
        .my_div{
            border: 2px solid #d2d5d9;
            padding: 2px;
            border-radius: 3px;
        }
        .my_input{
            background: #c3d5f6;
            color: #3874e0;
            border: none;
            border-radius: 2px;
            line-height: 24px;
            margin: 0;
            font-weight: 600;
            padding: 0 10px;
        }
    </style>

БЛОГ НА HUSL

Как стилизовать value внутри input?

Ответы (1 шт):