設置textarea文本域不能調整大小 resize


CSS3中新增了resize縮放屬性,這個屬性可以應用到任意元素。目前只有Webkit內核的瀏覽器才支持這個css3屬性,即Google chrome和Apple safari都支持。
而textarea標簽中,Webkit內核的瀏覽器會默認resize的值為both,即用戶可以調節元素的寬度和高度。如下圖就是在Google chrome中我博客的textarea的默認顯示,textarea右下角有一個可以控制縮放的按鈕。
一般情況下,textarea是被固定寬度和高度的,如果你不願意讓其任意縮放,你可以為textarea添加resize:none的css屬性。這樣就可以去除Webkit內核的瀏覽器的默認顯示。
以下是resize屬性的的各個取值:
none:用戶不能操縱機制調節元素的尺寸;
both:用戶可以調節元素的寬度和高度;
horizontal:用戶可以調節元素的寬度;
vertical:讓用戶可以調節元素的高度;
inherit:默認繼承。


免責聲明!

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



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