Firefox 不会显示 2 行文本区域的滚动条

2024-01-10

如果我设置高度以便实际只显示两行,则 Firefox 将不会在 2 行文本区域中显示滚动条。我必须让它足够大才能显示下面一行的一部分。有人解决过这个问题吗?

我创建了一个jsfiddle:http://jsfiddle.net/briank/ATFdE/6/ http://jsfiddle.net/briank/ATFdE/6/

<textarea rows="2" style="width: 200px; height: 30px; overflow:auto">
This is some text. see if it shows scrollbars
1
2
3 
</textarea>

没有可行的解决方法,您只是想将大象放入茶杯中。低于给定阈值(大约 35 像素,具体取决于系统和浏览器),就不再有空间容纳可识别的滚动条。 Firefox 决定隐藏它,Chrome 只是删除了滚动滑块 - 两者都意味着它不可用。

为了让它出现,实际上要给它足够的高度。

在半相关的说明中,您可以设置resize:none在 CSS 中制作一个textarea元素具有静态大小,而不是右下角可调整大小的角。这也为它提供了更多的空间来容纳滚动条,但在正常情况下,高度仅为 30 像素时仍然没有足够的空间。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Firefox 不会显示 2 行文本区域的滚动条 的相关文章

  • 如何使用 Angular 1.5 中的组件为每个页面设置标题

    我最近开始使用 Angular 1 5 组件 我的应用程序中有多个页面 所以我决定创建一个
  • 无法居中对齐画布

    我一直在谷歌搜索解决方案但无济于事 我只想center align my canvas 我努力了float center text align center margin top 100px但我的舞台没有在浏览器中居中对齐 任何帮助表示赞赏
  • div 准备好后如何调用函数?

    我的 javascript 文件中有以下内容 var divId divIDer jQuery divId ready function createGrid Adds a grid to the html html 看起来像这样 div
  • 如何在索引视图中打印关联数据

    subjects this gt Subjects gt find all contain gt Users fields gt Users username Users email gt hydrate false gt toArray
  • 在 vuejs 上将 \n 替换为新行

    我正在尝试将 n 字符替换为来自端点的数据的新行 I tried p item licensedocument legal documentText replace r n r n g br p 并没有奏效 当我将replace 写入问题末
  • 使用添加“title”属性换行符 到 JSX 元素

    我知道我可以在 HTML 中添加换行符title属性使用 10 但 React 避免了这一点 例如 这是一个 React 组件 其中包含一个标准的 未由 React 处理的组件title包含换行符的属性 并且可以在浏览器中看到效果 但是如果
  • 将 ngModel 绑定到自定义指令

    所以我已经在这个问题上工作了一个星期了 但我似乎无法理解整个指令的事情 我读了很多帖子 揭秘指令 http www toptal com angular js angular js demystifying directives 指令 ht
  • 如何将多个画布元素放入一个画布元素中?

    我有多个由 JavaScript 创建的画布元素 我的问题是 如何将多个画布元素放入一个画布元素 干得好 JSfiddle http jsfiddle net Allendar UqxCY 它会抓取每个画布并将它们做成 PNG 的 访问缓冲
  • 无法使用python和beautifulsoup抓取网页中的某些href

    我目前正在使用 Python 3 4 和 bs4 爬取网页 以收集塞尔维亚在里约 2016 年的比赛结果 所以网址here http rio2016 fivb com en volleyball women teams srb serbia
  • 使用 ASP.Net 和 Ajax 的登录页面

    我正在尝试使用 html ajax 和 ASP NET 制作登录页面 数据确实传递给 ajax 函数 但是当我调试 asp 页面时 用户名和密码以 NULL 发送 该代码应该获取用户名和密码 然后返回用户 ID html页面 div Use
  • 通过按 Enter 键提交表单而不使用提交按钮

    好吧 我试图通过按 Enter 键来提交表单 但不显示提交按钮 如果可能的话 我不想涉足 JavaScript 因为我希望一切都能在所有浏览器上运行 我知道的唯一 JS 方式是使用事件 现在的表格看起来像这样
  • 如何使用多个 select2 框过滤表格?

    我正在尝试使用 和多个 select2 框的类来过滤表格 表格 HTML table class table tbody tr class kanban event Austin td td tr tr class csm event Ch
  • 在问题内显示内联块文本

    我一直在尝试显示内联块 如果我没有在 div 中添加任何内容 一切都会很好 但是当我这样做时 div 会折叠起来 我不知道确切的原因 任何想法 https jsfiddle net giancorzo ebqoptbd https jsfi
  • Firefox 忽略 CSS 中的最小高度

    由于某些原因 最小高度在 Firefox 上不起作用 我尝试在 body 上设置 min height 但 Firefox 完全忽略了它 由于我的页面是动态的 我不能只将高度设置为 100 我应该怎么办 body border 1px so
  • 全高全宽 CSS 布局

    我正在寻找一种方法来创建具有 5 个区域的纯 CSS 无 JavaScript 布局 如下所示 H A B C F
  • HTML5 文件 API 和 AJAX 上传分块问题

    我编写了一个带有单独进度的拖放多个文件上传等 除了一件事之外 它工作得非常好 上传较大文件时 有时浏览器会锁定 直到上传完成 我认为这是因为该文件存储在浏览器的内存中并占用了浏览器可用的所有资源 我想知道 是否可以逐段读取文件并在读取时通过
  • 如何更改 HTML 文档的“实际编码”?

    我通过 W3C HTML 验证器运行我的网页并收到此错误 编码ascii不是字符的首选名称 使用中的编码 首选名称是 us ascii Charmod C024 第 5 行 第 70 列 内部编码声明 utf 8 不同意 文档的实际编码 u
  • 轮播滑动(未滑动)事件上的火灾事件,Bootstrap 3

    Bootstrap 2 似乎可以很好地处理幻灯片事件 请参阅这个问题 https stackoverflow com questions 9651466 how to attach slide slid events to the boot
  • 使用flex-basis控制行上显示的项目数

    我想在使用 Flex 时将元素推出以隐藏它们 例如 如果flex basis为 50 仅显示两个项目弯曲到给定空间 而其他元素则在overflow hidden 领土 Or if flex basis为 25 则仅显示 4 个 Flex 元
  • 为什么这些内联块元素会产生额外的宽度?

    这是这个问题的后续内容 仅使用 css 自动调整图像下的文本 https stackoverflow com questions 34185547 autofit text under image with only css 为什么这段代码

随机推荐

  • 通过 JNI C 代码将 PNG 图像作为 BufferedImage 加载到 Java 中

    我有以下问题 我有 C 代码 它获取 PNG 图像作为基本原始数据并将其保存在内存中 我希望通过使用 JNI 将这些原始数据转换为 Java 中的 BufferedImage 有谁知道这样做的任何方法或以前做过吗 我假设您了解如何使用 JN
  • Angular Typescript getter 和 setter 返回未定义

    我有一个类 我需要该类中的属性来返回对象中的一些字段 我在 Net 中这样做过几次 但在 Angular 中 我正在与返回的 未定义 作斗争 我可以确认属性 transLanguageId transLangDesc 翻译 已填充到 IBa
  • 如何解决 VS2013 错误 SQL71501:过程 X 对程序集 Y 存在未解析的引用?

    作为从 Visual Studio 2010 升级到 2013 的努力的一部分 我正在研究几个需要的 SQL Server CLR 存储过程EXTERNAL访问 并为此目的被隔离在一个单独的程序集中 我几乎可以毫无困难地构建所有东西 但这给
  • 如何更改 Capistrano 使用的临时目录?

    如何更改 Capistrano 使用的临时目录 示例 代替 tmp 我想用 home user tmp 我目前的VPS有 tmp安装为noexec 这在尝试运行时给了我权限被拒绝的错误cap production deploy 在 卡皮斯特
  • 用于撰写 Facebook 电子邮件/消息的 URL(通过 URL 参数撰写电子邮件)

    Facebook 过去使用以下 URL 格式来撰写消息 http www facebook com compose id XXXXXX message 然而 上面的 URL 不再起作用 它只是将用户转发到 Facebook 主页 有人可以通
  • 有没有办法以编程方式确定图像链接是错误的?

    在我正在处理的网站中 显示的图像并不总是 显示 因为链接可能是坏的或过时的 或其他什么 你可以在这里看到它 为什么我的动态 HTML 看起来是随机放置的 https stackoverflow com questions 17689644
  • 在 Facebook 上分享的人员列表

    我已经搜索文档有一段时间了 但似乎找不到实现此目的的方法 这些信息是公开的 在 Facebook 页面上 链接显示 查看所有 股 但我似乎找不到通过 FQL 或图形 API 访问此信息的方法 我知道我可以获得给定帖子的点赞列表 https
  • Haskell 中“undefined”的类型签名意味着什么?

    我是 Haskell 的初学者 我对undefined函数的类型签名 我期望有更简单的东西 但我在 Hackage 上发现了这个 undefined forall r RuntimeRep forall a TYPE r HasCallSt
  • 自引用表 SQL 查询

    我有一个有四列的表格id name designation manager id 表架构 CREATE TABLE Employee Information id INTEGER PRIMARY KEY AUTOINCREMENT NOT
  • excel中的数组改变字符串的格式

    我想要分离图像中的数据 图像中的代码一旦到达分号和缩进就不会分开 我想将这些单词分离到一张新纸上 以便我将在数组中搜索某些单词 谢谢您的帮助 下面的代码不仅会分割数据 还会复制格式 这似乎是您想要的 假设数据位于 A 列 Option Ex
  • Windows Phone 8.1 API

    有 Windows Phone 8 1 API 可供参考吗 这是因为我想开发Windows Phone 8 1应用程序 但我不知道在哪里引用API 因为Windows Phone 8 1和8有很大的不同 所以我无法引用Windows Pho
  • 点击即可从 SwiftUI 小部件执行深层链接

    我有一个带有两个文本的简单小部件 中等大小 我想要的是能够执行深层链接以引导用户到我的应用程序的特定部分 但我似乎找不到一种方法这样做 我写的视图 很简单 HStack Text FIRST ITEM Spacer Text SECOND
  • liquibase <插入> :插入当前日期

    我正在尝试使用 liquibase 插入标签插入数据 当我向 value tag 输入数字时 它工作正常 但我正在寻找一个简单的函数来处理默认日期 数据库的当前日期时间 即使我没有将它作为表定义的一部分 Eg
  • 如何将 null 传递给需要 long 或 int 的方法?

    可能是个愚蠢的问题 但我怎样才能通过null到需要的方法long or int Example TestClass public void iTakeLong long id public void iTakeInt int id 现在我如
  • MicroProfile 指标在 Wildfly 25 上不显示自定义指标

    我正在尝试 Javax JaxRs 并且使用的是 WildFly 25 服务器 我对此不太熟悉 在搜索类似于 Spring 的 Actuator 的东西时 我偶然发现了服务器默认公开的指标和运行状况端点 以及它向应用程序端点添加自定义计数器
  • Ember:点击时动态添加输入字段并读取新数据

    我有一个页面 向用户展示几个问题并提供答案的输入字段 我还有一个按钮添加问题 单击此按钮后 他可以在新的输入字段中输入问题 然后单击 保存 所以我需要的是 当他保存时 新输入的问题也应该显示在已经显示的问题附近 所以我对模型有疑问 impo
  • 使用 Ecto 的时间戳向现有表添加时间戳

    这已被问到这里如何使用 Ecto 的时间戳向现有表添加时间戳 https stackoverflow com questions 35744390 how to add timestamps to an existing table wit
  • 未经检查的“java.util.ArrayList”分配

    我收到警告 未经检查的将 java util ArrayList 分配给 java util ArrayList for private ArrayList
  • 6.0.1 和表更改“UILabel?没有名为“text”的成员

    我正在研究 Swift 表演示 所有这些演示在 6 0 1 下似乎都有相同的错误消息 不知道如何解决这个问题 尝试这个 cell textLabel text self tableData indexPath row 并在此处阅读有关可选选
  • Firefox 不会显示 2 行文本区域的滚动条

    如果我设置高度以便实际只显示两行 则 Firefox 将不会在 2 行文本区域中显示滚动条 我必须让它足够大才能显示下面一行的一部分 有人解决过这个问题吗 我创建了一个jsfiddle http jsfiddle net briank AT