< textarea>与水平规则 [英] <textarea> with horizontal rule

问题描述

有没有人知道在< textarea> 中创建水平规则而不使用背景图片的方法？

Does anyone know of a way to create horizontal rules within a <textarea> without using a background image?

CSS3会很好。

例如：

推荐答案

使用线性渐变执行此操作：

You can do this using linear gradients:

.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>与水平规则的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！