textarea 在瀏覽器中固定大小和禁止拖動(dòng)的實(shí)現(xiàn)方法
更新時(shí)間：2016年12月03日 16:00:04 投稿：jingxian
下面小編就為大家?guī)?lái)一篇textarea 在瀏覽器中固定大小和禁止拖動(dòng)的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧，祝大家游戲愉快哦
HTML 標(biāo)簽 textarea 在大部分瀏覽器中只要指定行（rows）和列（cols）屬性，就可以規(guī)定 textarea的尺寸，大小就不會(huì)改變，不過(guò)更好的辦法是使用 CSS 的 height 和 width屬性,但是Chrome,Safari和FireFox渲染的效果不同，可以拖動(dòng)右下角圖標(biāo)改變大小。但是過(guò)分拖動(dòng)大小會(huì)影響頁(yè)面布局，使頁(yè)面變得不美觀。
可以通過(guò)添加如下兩個(gè)樣式禁用拖動(dòng)，固定大?。?/p>
1：徹底禁用拖動(dòng)（推薦）
resize: none;
2：只是固定大小，右下角的拖動(dòng)圖標(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 在瀏覽器中固定大小和禁止拖動(dòng)的實(shí)現(xiàn)方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
jquery編寫(xiě)彈出信息提示條并延時(shí)滑出動(dòng)畫(huà)實(shí)現(xiàn)示例
這篇文章主要為大家介紹了jquery編寫(xiě)彈出信息提示條并延時(shí)滑出動(dòng)畫(huà)實(shí)現(xiàn)示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08
本文給大家匯總了下在jQuery中判斷對(duì)象是否存在的方法以及用原生javascript實(shí)現(xiàn)的方法，有相同需求的小伙伴可以來(lái)參考下。2016-02-02
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)視頻展示效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-05-05
淺談jQuery before和insertBefore的區(qū)別
下面小編就為大家?guī)?lái)一篇淺談jQuery before和insertBefore的區(qū)別。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-12-12
查找iframe里面的元素在項(xiàng)目里用的還是比較多的，下面為大家介紹個(gè)方法可傳參，感興趣的朋友可以參考下2013-09-09
jQuery學(xué)習(xí)筆記之jQuery.fn.init()的參數(shù)分析
這篇文章主要介紹了jQuery.fn.init()的參數(shù)分析,需要的朋友可以參考下2014-06-06
jQuery點(diǎn)擊頁(yè)面其他部分隱藏下拉菜單功能
這篇文章主要介紹了jQuery點(diǎn)擊頁(yè)面其他部分隱藏下拉菜單功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-11-11
jquery選擇符快速提取web表單數(shù)據(jù)示例
遇到要重復(fù)多次同樣的事時(shí)，就想找一種省時(shí)省力的方法，下面就為大家介紹下利用jquery選擇符快速提取web表單數(shù)據(jù)2014-03-03
jQuery學(xué)習(xí)筆記之DOM對(duì)象和jQuery對(duì)象
DOM對(duì)象和jQuery對(duì)象的操作時(shí)很重要的，是jquery與頁(yè)面元素互動(dòng)的基礎(chǔ)。2010-12-12
JQuery 遮罩層實(shí)現(xiàn)(mask)實(shí)現(xiàn)代碼
用過(guò)ExtJs的可能知道在ExtJs中集成了很多的UI元素可以很方便我們的使用。2010-01-01