Подтвердить что ты не робот

<textarea> с горизонтальным правилом

Кто-нибудь знает способ создания горизонтальных правил в <textarea> без использования фонового изображения?

CSS3 будет в порядке. Я могу прикрепить резерв изображения для IE, если это необходимо.

Пример:

enter image description here

4b9b3361

ОТВЕТЫ

Ответ 1

Вы можете сделать это с помощью линейных градиентов:

.notes {
    background-attachment: local;
    background-image:
        linear-gradient(to right, white 10px, transparent 10px),
        linear-gradient(to left, white 10px, transparent 10px),
        repeating-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px);
    line-height: 31px;
    padding: 8px 10px;
}
<textarea class="notes"></textarea>

Ответ 2

Я думаю, что использование изображения - правильное решение.

Резерв: прозрачный фон на текстовом поле, фоновое изображение на обертке DIV.