1

введите сюда описание изображения

Помогите стилизовать данный блок, а именно textarea.

1

1 ответ 1

7

Как вариант использоваться background gradient.

textarea {
  width: 400px;
  height: 150px;
  border: 2px solid #999;
  color: #333;
  padding: 10px;
  line-height: 20px;
  background:
    repeating-linear-gradient(to bottom,
      #999 0 1px,
      transparent 1px 20px)
    0 18px / 100% content-box no-repeat;
  overflow: hidden;
}

textarea:focus {
  background: none;
}
<textarea spellcheck="false">Donec semper justo eget nisl malesuada pellentesque.

Morbi rhoncus eros sit amet magna posuere, ac imperdiet tellus finibus. Vestibulum eget varius risus. Etiam at libero ullamcorper, pharetra urna sit amet, consectetur nunc. Donec ultricies et quam quis viverra.
</textarea>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

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