如何从文本区域元素中删除缩放角落？

22 浏览
0 Comments

如何从文本区域元素中删除缩放角落？

这个问题已经有答案了:

如何禁用文本区域的可调整大小属性？

我正在创建一个简单的文本编辑器 - 文本输入是一个文本区域元素。我想要移除用于改变文本框大小的两行（事实上，如果可能的话，我想固定文本框的大小，使其无法更改）。

这就是我所说的：

\"enter

编辑：以下是代码：

// HTML
 // CSS #canvas { border: 1px dashed #999; background: transparent; width: 500px; height: 400px; margin: 0 auto; padding: 5px; font-size: 20px; }

admin 更改状态以发布 2023年5月24日
0

2 答案

0 Comments

在文本框中添加属性resize:none。以下是可用的代码：

#canvas {
    border: 1px dashed #999;
    background: transparent;
    width: 500px;
    height: 400px;
    margin: 0 auto;
    padding: 5px;
    font-size: 20px;
    resize:none;
}


希望这能帮到你！

0
0 Comments

你可以尝试使用CSS属性resize和appearance：

#textbox {
    border: 1px dashed #999;
    background: transparent;
    width: 500px;
    height: 400px;
    margin: 0 auto;
    padding: 5px;
    font-size: 20px;
    resize:none;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}


0