![Firefox. 如何调整文本区域、输入框等的大小](https://linux22.com/image/1548520/Firefox.%20%E5%A6%82%E4%BD%95%E8%B0%83%E6%95%B4%E6%96%87%E6%9C%AC%E5%8C%BA%E5%9F%9F%E3%80%81%E8%BE%93%E5%85%A5%E6%A1%86%E7%AD%89%E7%9A%84%E5%A4%A7%E5%B0%8F.png)
有什么办法或插件用于设置未启用调整大小的元素(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 中创建书签,请右键单击书签工具栏中的空白处,选择新书签,并将上述代码复制到地点场地。