大家有没有遇到过textarea在编辑时突然被自己拖大或者拖小的情况？😱不仅影响美观，还容易打乱布局！今天就来分享一个超实用的小技巧，让你的textarea既固定大小又无法被拖动，还能优化右侧滚动条，提升用户体验！👀
首先，通过CSS设置`resize: none;`可以轻松禁用textarea的拖动功能，让它乖乖待在原地👇：
```css
textarea {
resize: none;
width: 100%;
height: 150px;
}
```
接着，如果担心内容超出显示范围，可以加上滚动条美化代码，比如使用`::-webkit-scrollbar`伪元素，让滚动条更顺滑且不突兀✨：
```css
textarea::-webkit-scrollbar {
width: 8px;
}
textarea::-webkit-scrollbar-thumb {
background-color: 888;
border-radius: 4px;
}
```
这样一来，你的textarea就能稳如泰山了，再也不用担心被意外拖动啦！💪💬