textarea 在瀏覽器中固定大小和禁止拖動的實(shí)現(xiàn)方法
HTML 標(biāo)簽 textarea 在大部分瀏覽器中只要指定行(rows)和列(cols)屬性,就可以規(guī)定 textarea的尺寸,大小就不會改變,不過更好的辦法是使用 CSS 的 height 和 width屬性,但是Chrome,Safari和FireFox渲染的效果不同,可以拖動右下角圖標(biāo)改變大小。但是過分拖動大小會影響頁面布局,使頁面變得不美觀。
可以通過添加如下兩個樣式禁用拖動,固定大?。?/p>
1:徹底禁用拖動(推薦)
resize: none;
2:只是固定大小,右下角的拖動圖標(biāo)仍在
width: 200px; height: 100px; max-width: 200px; max-height: 100px;
3:瀏覽器信息:
Mozilla/5.0 (Windows NT 5.1) AppleWebKit/535.1 (KHTML, like Gecko)Chrome/13.0.782.218 Safari/535.1
以上這篇textarea 在瀏覽器中固定大小和禁止拖動的實(shí)現(xiàn)方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
jquery編寫彈出信息提示條并延時滑出動畫實(shí)現(xiàn)示例
這篇文章主要為大家介紹了jquery編寫彈出信息提示條并延時滑出動畫實(shí)現(xiàn)示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08淺談jQuery before和insertBefore的區(qū)別
下面小編就為大家?guī)硪黄獪\談jQuery before和insertBefore的區(qū)別。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-12-12jQuery學(xué)習(xí)筆記之jQuery.fn.init()的參數(shù)分析
這篇文章主要介紹了jQuery.fn.init()的參數(shù)分析,需要的朋友可以參考下2014-06-06jquery選擇符快速提取web表單數(shù)據(jù)示例
遇到要重復(fù)多次同樣的事時,就想找一種省時省力的方法,下面就為大家介紹下利用jquery選擇符快速提取web表單數(shù)據(jù)2014-03-03jQuery學(xué)習(xí)筆記之DOM對象和jQuery對象
DOM對象和jQuery對象的操作時很重要的,是jquery與頁面元素互動的基礎(chǔ)。2010-12-12JQuery 遮罩層實(shí)現(xiàn)(mask)實(shí)現(xiàn)代碼
用過ExtJs的可能知道在ExtJs中集成了很多的UI元素可以很方便我們的使用。2010-01-01