☰

Firefox. 如何调整文本区域、输入框等的大小

tag-icon • tag-icon firefox firefox-extensions css
Firefox. 如何调整文本区域、输入框等的大小

有什么办法或插件用于设置未启用调整大小的元素（textarea、input、..）的大小/强制调整大小？

当 CSS 没有通过规则或属性调整大小禁用输入框元素时，可以从浏览器界面（鼠标拖动角落）调整其大小，例如：

textarea {
    resize: both;
}

然而，可以调整大小的表单/文本区域却很少见。

我知道很多页面可以调整大小，从 webdeveloper;Inspector 或 Firebug/style，直接编辑属性尺寸在源代码中，即

<input id="input_username" name="Nombre" maxlength="140" size="80" type="text">

以下链接显示了调整大小属性的工作原理 https://www.w3schools.com/cssref/playit.asp?filename=playcss_resize

这是一个关于页面的问题。我感兴趣的是一种无需编码，只需拖动元素一角即可轻松调整大小的方法。正如我所说，我知道有时可以通过 firebug/webdeveloper/stylish 更改代码/样式来调整大小，但这并不快速或简单。

答案1

一个简单的方法就是使用书签小工具。将下面的代码复制到书签中，然后当您在想要调整文本框大小的页面上时，单击书签按钮即可使页面上的所有文本框都可以调整大小。

javascript:
(function() {
  var boxes = document.getElementsByTagName('textarea');
  for (var i = 0; i < boxes.length; i++) {
      boxes[i].style.resize = "both";
  }
})();

要在 Firefox 中创建书签，请右键单击书签工具栏中的空白处，选择新书签，并将上述代码复制到地点场地。

相关内容