css中textarea设置宽高
时间: 2023-11-14 20:14:27 浏览: 84
要设置 textarea 的宽和高,可以使用 CSS 中的 width 和 height 属性。例如:
```css
textarea {
width: 300px;
height: 100px;
}
```
这将把 textarea 的宽度设置为 300 像素,高度设置为 100 像素。你可以根据需要调整这些值。
相关问题
如何让textarea不可修改宽高
要使 `<textarea>` 元素的宽度和高度不可修改,你可以使用 CSS 的 `resize` 属性来控制。将 `resize` 属性设置为 `none` 可以禁止用户调整 `<textarea>` 的大小。
以下是一个示例:
```html
<style>
textarea {
resize: none;
}
</style>
<textarea rows="4" cols="50">这是一个不可调整大小的文本区域。</textarea>
```
在上面的示例中,`resize` 属性被设置为 `none`,这会阻止用户改变 `<textarea>` 的宽度和高度。文本区域的初始宽度为 50 个字符,高度为 4 行。
通过这种方式,用户将无法通过鼠标拖动来改变 `<textarea>` 的大小。
CSS textarea 边框变细
要使 CSS textarea 边框变细,您可以使用 CSS 的 border 属性来控制边框的样式、宽度和颜色。以下是一种方法:
```css
textarea {
border: 1px solid #ccc; /* 设置边框为1像素宽,实线样式,灰色颜色 */
}
```
通过将 border-width 属性设置为较小的值,您可以使边框变细。例如,将 border-width 设置为0.5像素:
```css
textarea {
border: 0.5px solid #ccc; /* 设置边框为0.5像素宽,实线样式,灰色颜色 */
}
```
请注意,某些浏览器可能不支持子像素的边框宽度,因此边框可能会被四舍五入为最接近的整数像素值。