使用CSS禁止textarea調整大小功能的方法


這篇文章主要介紹了使用CSS禁止textarea調整大小功能的方法,禁止可以調整textarea大小功能的方法很簡單,使用CSS的resize屬性即可,需要的朋友可以參考下

如果你使用谷歌瀏覽器或火狐瀏覽器,你會發現頁面上的textarea元素的右下角有個小三角,用鼠標箭頭拖拽它,你的textarea就能隨着放大或縮小。這是現代瀏覽器為方便用戶而添加的一個輔助功能(很遺憾,不包括IE,如果你使用IE,是看不到的。)。Web程序員在設計網頁時,一般給了textarea一個固定的長寬,通常是配合布局而設定。但挑剔的用戶往往會認為太小或太大。有了這個可以調整大小的工具后,用戶就可以自己選擇合適的大小了。

但是,有時候是應用的需要,Web程序員需要禁止這個可以調整textarea大小的功能(IE完全沒這個問題!),也就是去掉右下角的小三角,有什么辦法呢?很簡單,使用CSS的resize屬性。

CSS代碼

CSS3和Html5 圖表與圖形 


代碼如下:

<style type="text/css">
textarea {
resize: none;
}
</style>

  

表單驗證 導航菜單 table選項卡
將resize屬性設置為none,textarea就變成了固定大小,小三角也消失了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM