TextArea 每一行都显示底线的问题

答案:2 悬赏:60 手机版

解决时间 2021-03-04 04:33

提问者网友：欲劫无渡
2021-03-03 13:34

在html中创建textarea，先添加样式如下
.multieditboxline{
background: #ffffff;
border-bottom: #000000 1px solid;
border-left: #ffffff 1px solid;
border-right: #ffffff 1px solid;
border-top: #ffffff 1px solid;
color: #000000;
overflow:hidden;
cursor: text;
font-family: "arial";
width:270px;
font-size: 9pt;
padding: 1px;
}
现在的效果是底部有一条底线，是border的底线，我想实现如下功能：
在textarea中的每一行都显示底线，效果如下：
______________________________
______________________________
______________________________
______________________________
有没有这个属性？或者是好的办法？

最佳答案

五星知识达人网友：枭雄戏美人
2021-03-03 14:12

如果是固定宽高并且内容不会上下滚动的textarea可以试试定义一个1*15px的背景在最下端（坐标1：15）填充一个1*1px的黑色像素块,然后再css中添加background-image: url(../images/bg.JPG);
background-repeat:repeat;
这两段代码，具体图片高度根据字体大小和行间距修改。如果有滚动条产生这个方法就没有用了

全部回答

1楼网友：轮獄道
2021-03-03 14:36

用函数吧，每输入一行时用appendchild方法增加一个水平线，判断字数当字数等于cols所设置的值时调用该函数再看看别人怎么说的。

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息