Html 不使用jquery在文本区域中显示行号

Html 不使用jquery在文本区域中显示行号,html,css,Html,Css,关于在textarea中显示行号,我遇到了一些问题,我不想使用jQuery显示行号。我尝试了一个简单的CSS技巧来显示行号,即: .linenumber{ background-attachment: local; background-repeat: no-repeat; padding-left: 35px; padding-top: 10px; border-color:#ccc; } 但这对我的工作不起作用。我相信引导是造成问题的原因,因为当

关于在textarea中显示行号,我遇到了一些问题,我不想使用jQuery显示行号。我尝试了一个简单的CSS技巧来显示行号,即:

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

但这对我的工作不起作用。我相信引导是造成问题的原因,因为当我尝试使用不同的文件时,任何人都可以向我推荐解决方案。

请参考此链接,非常感谢它对我有效,我错过了背景。Oooo…完美的解决方案。。。。你救了我的命。。!!!!!!非常感谢…@Riddhi rathodHi@Riddhi Rathod您知道为什么它的向下滚动在Mozilla中不起作用,我如何更改行号吗?
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;
}