在没有jquery的textarea中显示行号

Posted

技术标签:

【中文标题】在没有jquery的textarea中显示行号【英文标题】:Display Line number in textarea without jquery 【发布时间】:2018-12-12 18:12:24 【问题描述】:

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

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

但这不适用于我的page。我相信引导程序会导致问题,因为当我尝试使用不同的文件时它可以工作,任何人都可以建议我解决方案。

【问题讨论】:

参考此链接***.com/questions/1995370/… 【参考方案1】:
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;

【讨论】:

非常感谢它对我有用,我错过了背景。 噢……完美的解决方案……你救了我的命……!!!!!!非常感谢...@Riddhi rathod 嗨 @Riddhi Rathod 你知道为什么它的向下滚动在 Mozilla 中不起作用,我该如何更改行号?

以上是关于在没有jquery的textarea中显示行号的主要内容,如果未能解决你的问题,请参考以下文章

Angular - 在没有 jQuery 的情况下将行号添加到 textarea

给textarea添加行号,textarea使用代码风格的一些思考

在 ReactJS 的 textarea 中添加行号

Jquery - 分配行号

使用 jQuery 在 Textarea 中显示 XML 文件的所有内容

jQuery Textarea-validation 不起作用