textarea 在瀏覽器中固定大小和禁止拖動(dòng)的實(shí)現(xiàn)方法
更新時(shí)間：2016年12月03日 16:00:04 投稿：jingxian
下面小編就為大家?guī)?lái)一篇textarea 在瀏覽器中固定大小和禁止拖動(dòng)的實(shí)現(xiàn)方法。小編覺得挺不錯(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)文章
刪除select中所有option選項(xiàng)jquery代碼
select中所有option選項(xiàng)如何刪除，本文使用jquery簡(jiǎn)單實(shí)現(xiàn)下，有此需求的朋友可以參考下，希望對(duì)大家有所幫助2013-08-08
jQuery根據(jù)用戶電腦是mac還是pc加載對(duì)應(yīng)樣式的方法
這篇文章主要介紹了jQuery根據(jù)用戶電腦是mac還是pc加載對(duì)應(yīng)樣式的方法,涉及jQuery針對(duì)客戶端信息的獲取及樣式的調(diào)用技巧,需要的朋友可以參考下2015-06-06
jQuery實(shí)現(xiàn)廣告條滾動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)廣告條滾動(dòng)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
在很多時(shí)候，JQuery的$()函數(shù)都返回一個(gè)類似數(shù)據(jù)的JQuery對(duì)象，例如$(‘div’)將返回div里面的所有div元素包裝的JQuery對(duì)象。在這種情況下，JQuery提供了幾個(gè)常用的屬性和方法來(lái)操作JQuery對(duì)象。本文將對(duì)此進(jìn)行介紹，下面跟著小編一起來(lái)看下吧2016-12-12
jQuery實(shí)現(xiàn)動(dòng)畫效果的實(shí)例代碼
jQuery實(shí)現(xiàn)動(dòng)畫效果的實(shí)例代碼，需要的朋友可以參考一下2013-05-05
解析頁(yè)面加載與js函數(shù)的執(zhí)行 onload or ready
這篇文章主要介紹了頁(yè)面加載與js函數(shù)的執(zhí)行 onload or ready 需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
jquery獲取所有選中的checkbox實(shí)現(xiàn)代碼
下面小編就為大家?guī)?lái)一篇jquery獲取所有選中的checkbox實(shí)現(xiàn)代碼。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
jQuery實(shí)現(xiàn)tab選項(xiàng)卡效果的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)tab選項(xiàng)卡效果的方法,實(shí)例分析了jquery實(shí)現(xiàn)tab選項(xiàng)卡切換效果的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
這篇文章主要介紹了jQuery設(shè)置圖片等比例縮小的方法,涉及jQuery針對(duì)頁(yè)面元素屬性動(dòng)態(tài)判定與設(shè)置相關(guān)操作技巧,需要的朋友可以參考下2017-04-04
jQuery 實(shí)現(xiàn)扁平式小清新導(dǎo)航
這篇文章主要介紹了jQuery 實(shí)現(xiàn)扁平式小清新導(dǎo)航，文中示例代碼非常詳細(xì)，幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下2020-07-07