【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...

渲染效果:

相关推荐
LXXgalaxy8 分钟前
Vue3 列表数据流:从赋值入门到进阶(独立学习版)
javascript·vue.js·学习
恋猫de小郭12 分钟前
compose_skill 和 android skills,对 Android 项目提升巨大的专家 AI Skills
android·前端·flutter
zzginfo21 分钟前
JavaScript 中 Array 、 Set 、 WeakSet 区别
开发语言·javascript·ecmascript
J_liaty32 分钟前
Vue2 从入门到精通
前端·javascript·vue.js
INF_MAX36 分钟前
一些不错的页面设计(持续记录)
前端
乔江seven1 小时前
LlamaIndex 实现ReAct Agent
前端·python·react.js
私人珍藏库1 小时前
Edge v146.0.3856.97 内置篡改猴脚本
前端·edge
Thomas21431 小时前
chrome cdp 三种方案对比
前端·chrome
别叫我->学废了->lol在线等1 小时前
claudecode的agent定义
前端·chrome·github
用户806138166591 小时前
SDK(Software Development Kit,软件开发工具包)
前端