【css】textarea-通过resize:none 禁止拖动设置大小

使用 resize 属性可防止调整 textareas 的大小(禁用右下角的"抓取器"):

没有设置resize:none

代码:

xml 复制代码
<!DOCTYPE html>
<html>
<head>
<style> 
textarea {
  width: 100%;
  height: 150px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
  font-size: 16px;
}
</style>
</head>
<body>
<form>
  <textarea>Some text...

渲染效果:可以拖动设置大小

添加resize:none

xml 复制代码
<!DOCTYPE html>
<html>
<head>
<style> 
textarea {
  width: 100%;
  height: 150px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
  font-size: 16px;
  resize:none;
}
</style>
</head>
<body>
<form>
  <textarea>Some text...

渲染效果:

相关推荐
小明9132 分钟前
基于Rokid CXR-M SDK的AI饮食健康助手开发实战
前端
一枚前端小姐姐3 分钟前
低代码平台表单设计系统技术分析(实战三)
前端·vue.js·低代码
牛奶3 分钟前
ts随笔:面向对象与高级类型
前端·面试·typescript
牛奶5 分钟前
React 基础理论 & API 使用
前端·react.js·面试
大漠_w3cpluscom8 分钟前
别再死记CSS属性了!真正能让你少走半年弯路的,是这套思维
前端
兆子龙27 分钟前
用 React + Remotion 做视频:入门与 AI 驱动生成
前端·架构
SuperEugene31 分钟前
从 Vue2 到 Vue3:语法差异与迁移时最容易懵的点
前端·vue.js·面试
鼓浪屿34 分钟前
vue3:组件中,v-model的区别(新版)
前端
Leon1 小时前
新手引导 intro.js 的使用
前端·javascript·vue.js
Zeros1 小时前
Claude Code 使用心得 - 从尝鲜到日常的进阶之路
前端