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

渲染效果:

相关推荐
子琦啊10 分钟前
【算法复习】数组与双指针篇
javascript·算法
Jagger_19 分钟前
模型能力边界外扩时,工作到底在怎样被重做?
前端
SuperEugene20 分钟前
前端通用基础组件设计:按钮/输入框/弹窗,统一设计标准|组件化设计基础篇
前端·javascript·vue.js·架构
Jagger_21 分钟前
# 模型边界往外推的时候,我最怕的不是学不会,是没人听我解释
前端
OpenTiny社区21 分钟前
Chrome 内置「AI 外挂」?NEXTSDK 让浏览器自己调 API、抓数据、填表单!
前端
范什么特西23 分钟前
web练习
java·前端·javascript
吃西瓜的年年27 分钟前
react(三)action 表单
前端·javascript·react.js
我命由我1234529 分钟前
在 React 项目中,可以执行 npm start 命令,但是,无法执行 npm build 命令
前端·javascript·vue.js·react.js·前端框架·json·ecmascript
程序员Forlan37 分钟前
fiddler+手机或模拟器进行APP抓包
前端·智能手机·fiddler
aidou131439 分钟前
Vue3自定义实现日期选择器(可单选或多选)
前端·javascript·vue.js·日期选择器·transition