2021-8-31 前端達人
resize:none
<textarea style="resize:none " rows="8" cols="80" ></textarea>
如果你使用谷歌瀏覽器或火狐瀏覽器，你會發現頁面上的textarea元素的右下角有個小三角，用鼠標箭頭拖拽它，你的textarea就能隨著放大或縮小。這是現代瀏覽器為方便用戶而添加的一個輔助功能(很遺憾，不包括IE，如果你使用IE，是看不到的。)。Web程序員在設計網頁時，一般給了textarea一個固定的長寬，通常是配合布局而設定。但挑剔的用戶往往會認為太小或太大。有了這個可以調整大小的工具后，用戶就可以自己選擇合適的大小了。
textarea
但是，有時候是應用的需要，Web程序員需要禁止這個可以調整textarea大小的功能(IE完全沒這個問題！)，也就是去掉右下角的小三角，有什么辦法呢？很簡單，使用CSS的resize屬性。
resize
<style type="text/css"> textarea { resize: none; } </style>
none
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼ben_lanlan，報下信息，會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( m.skdbbs.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
藍藍設計的小編 http://m.skdbbs.com
