Display Line number in textarea without jquery

Question

I am having some issue regarding displaying line number in textarea and i don't want to use jQuery for displaying the line number. i tried a simple CSS trick to display the line number that is:

.linenumber{
    background-attachment: local;
    background-repeat: no-repeat;
    padding-left: 35px;
    padding-top: 10px;
    border-color:#ccc;
}

but that not worked for my page. I believe that bootstrap is causing issue because when i tried with different file it work can anyone please suggest me the solution.

Refer this link https://stackoverflow.com/questions/1995370/html-adding-line-numbers-to-textarea — Riddhi Rathod, Jul 04 '18 at 10:29

score 3 · Accepted Answer · answered Jul 04 '18 at 10:30

3

textarea
{
 background: url(http://i.imgur.com/2cOaJ.png);
 background-attachment: local;
 background-repeat: no-repeat;
 padding-left: 35px;
 padding-top: 10px;
 border-color:#ccc;
 line-height:16px;
}

answered Jul 04 '18 at 10:30

Riddhi Rathod

410
2
9

Thank you very much it work for me i missed the background. – Rafi Ahmad Jul 04 '18 at 10:46
Oooo...Perfect solution.... You Saved My Life..!!!!!! Big Thank you...@Riddhi rathod – VIKAS KATARIYA Dec 26 '19 at 11:26
Hi @Riddhi Rathod do you know why its scroll down is not working in Mozilla and how can I change the line number? – Knowledge Seeker Jul 26 '20 at 16:50

Display Line number in textarea without jquery

1 Answers1