自定义CSS表单：如何实现带有响应的带下划线的文本区域？
贾文拉迪什语
我正在寻求一种效果，当您输入表单时，文本区域会随着您的键入而增长，并为每行文本添加一个下划线。
在此处查看GIF格式的效果： 
仅使用CSS就可以轻松完成此操作吗？我该怎么办？
电视看台
您可以通过制作具有一些空白和下划线的背景图像来实现恒定的下划线。然后将图像设置为文本区域的背景，并重复进行。最后，将line-heightCSS中的设置为等于背景的高度。现在，这些行将随着文本的高度重复。
要调整textarea的大小，可以使用TrungDQ的答案，也可以使用Google提供的许多库之一。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
UILabel：自定义下划线颜色？
- 2
使用大虾自定义下划线
- 3
我如何从RichTextBox中读取带有信息的内容是粗体，带下划线，斜体等
- 4
如何设计不带框并带有下划线的自定义EditText？
- 5
如何在CSS中使用带有下划线的自定义下划线？
- 6
CSS带下划线的文本，数字在行下
- 7
如何在文本区域的所有行下划线？
- 8
如何使TextView的文本带有下划线？
- 9
下划线模板的自定义解析
- 10
如何使用Java在输入或文本区域中的数字下划线
- 11
自定义下划线以适合内容的宽度
- 12
如何使用ffmpeg创建带下划线的水印文本
- 13
如何选择段落中所有带下划线的文本
- 14
我如何从RichTextBox读取带有信息的内容是粗体，带下划线，斜体等
- 15
如何设计不带框并带有下划线的自定义EditText？
- 16
带下划线
- 17
下划线模板的自定义解析
- 18
带有文本装饰的表单提交按钮：是否通过JS下划线？
- 19
QtToolBar在按钮文本中带有带下划线的快捷键
- 20
如何使用Java在输入或文本区域中的数字下划线
- 21
在自定义字段中用下划线替换空格
- 22
自定义下划线以适合内容的宽度
- 23
如何在CSS中获得带下划线的链接
- 24
如何使用自定义下划线创建页眉
- 25
如何为 html 或 css 中的文本创建自定义下划线或突出显示？
- 26
带下划线的外壳，带有链接或信息框
- 27
JavaFX 如何使文本区域中的文本带有下划线？
- 28
如何使用 OpenSans 自定义字体在 **Swift 4** 中使文本范围带有下划线和粗体
- 29
制作带有下划线的自定义 UISearchBar
我来说两句