0

.< input type="text" style="width: 100%;" disabled class="form-control" value="Описание сервиса: Сервис для чего-то />

Мне нужно в Описание сервиса сделать в шрифте bold, остальное оставить таким. Есть еще другие инпуты, так же нужно bold-ом отрисовать определенные места

2 ответа 2

4

Это невозможно. Input - просто текстовое поле и в нем нельзя задавать какие-то характеристики лишь определенным элементам. Свойства применяются на все поле.

Могу только предложить сделать два input поля, склеить их, чтобы выглядело будто один и задать каждому полю нужный стиль.

1

Как вариант можно на инпут сверху наложить блок с текстом "Описание сервиса", если этот текст не нужно будет менять.

.input-wrapper {
    position: relative;
}
input {
    width: 100%;
    padding-left: 100px;
}
span {
    position: absolute;
    top: 0;
    left: 0;
    font-weight: bold;
}


<div class="input-wrapper">
    <span>Описание сервиса:</span>
    <input type="text" value=" Сервис для чего-то" />
</div>

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.