<textarea> क्षैतिज नियम

Question

क्या कोई पृष्ठभूमि छवि का उपयोग किए बिना <textarea> के भीतर क्षैतिज नियम बनाने का कोई तरीका जानता है?

CSS3 ठीक होगा। यदि आवश्यक हो तो मैं आईई के लिए एक छवि फॉलबैक बोझ कर सकता हूं।

उदाहरण:

Answer 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>

JSFiddle Version

Answer 2

मुझे लगता है कि एक छवि का उपयोग कर सही समाधान है।

फ़ॉलबैक: टेक्स्टरिए पर पारदर्शी पृष्ठभूमि, एक रैपर डीवी पर पृष्ठभूमि-छवि।