跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

文章标签
textarea

5 篇文章
{
,

}
创建支持语法高亮代码的可编辑文本区域文章的直接链接
表单 pre 语法 文本区域

创建支持语法高亮代码的可编辑文本区域

当我正在处理一个需要源代码编辑器组件的项目时,我真的很想有一种方法可以让该编辑器突出显示输入的语法。有一些类似的项目,比如 CodeMirror、Ace 等……

Avatar of Oliver Geer
Oliver Geer 于 2021 年 11 月 16 日
自动增长文本区域最简洁的技巧文章的直接链接
网格 文本区域

自动增长文本区域最简洁的技巧

今年早些时候,我写了一篇关于 自动增长文本区域和输入框 的文章。其想法是使 <textarea> 更像 <div>,以便它根据需要扩展高度以包含……

Avatar of Chris Coyier
Chris Coyier 于 2020 年 11 月 11 日
“resize: none;” 在文本区域上是不好的用户体验文章的直接链接
调整大小 文本区域 用户体验

“resize: none;” 在文本区域上是不好的用户体验

Catalin Rosu:

有时您需要键入一个包含许多段落的较长回复,并且在很小的文本区域框内换行该文本会使您在键入时难以理解和跟踪。很多时候

…
Avatar of Chris Coyier
Chris Coyier 于 2020 年 1 月 30 日
调整大小文章的直接链接
调整大小 文本区域

调整大小

resize 属性控制用户是否以及如何通过单击和拖动元素的右下角来调整元素的大小。

.module {
  resize: both;
}

**非常重要的一点:**除非……,否则 resize 不会起作用。

Avatar of Sara Cope
Sara Cope 于 2019 年 1 月 31 日
文本区域技巧文章的直接链接
调整大小 文本区域

文本区域技巧

哦,<textarea></textarea>。你拥有多少怪癖。这里有一系列与文本区域相关的九件事,你可能想做。尽情享受……

Avatar of Chris Coyier
Chris Coyier 于 2018 年 12 月 10 日

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

通过我们精心制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律信息
  • 获取免费积分!
CSS-Tricks
  • 为我们撰稿!
  • 与我们合作广告
  • 联系我们
社交媒体
  • RSS Feed
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.