Değişken özelliği textarea nasıl aradan bırakılır?

textarea üçün resize xüsusiyyətini textarea .

Hal-hazırda, mən sağ alt köşedeki textarea düyməsinə basaraq siçan sürükleyerek textarea ölçüsünü dəyişə bilərəm. Nasıl aradan bırakabilirim?

1908
08 марта '11 в 19:15 2011-03-08 19:15 user549757 müəyyən edilir Mart 8 '11 da 19:15 2011-03-08 19:15
@ 14 cavab

Aşağıdakı CSS qayda textarea elementləri üçün yenidən ölçmə davranışını aradan qaldırır:

 textarea { resize: none; } 

Bəzi (lakin hamısı deyil) textarea s üçün bunu aradan qaldırmaq üçün bir neçə variant var .

foo (məsələn, <textarea name="foo"></textarea> ) üçün təyin edilmiş name özniteliği ilə müəyyən bir textarea aradan qaldırılması üçün:

 textarea[name=foo] { resize: none; } 

Və ya id xassəsini (yəni <textarea id="foo"></textarea> ) istifadə edərək:

 #foo { resize: none; } 

W3C səhifəsində ölçü həddi üçün mümkün dəyərlər sadalanır: heç bir, nə üfüqi, nə şaquli, nə də mirasızdır:

 textarea { resize: vertical;  } 

Hansı brauzerlərin bu funksiyanı dəstəklədiyini öyrənmək üçün layiqli uyğunluq səhifəsinə baxın . John Hulka şərh edərdi ki, ölçülər maksimum genişlik, maksimum hündürlük, min eni və min-hündürlükdə CSS-də daha da məhdudlaşdırıla bilər.

Bilmək üçün çox vacibdir:

Bu əmlak heç bir şey etməzsə daşqın mülkiyyəti görünmür, əksər elementlər üçün u mənimdir. Buna görə, bir qayda olaraq, bunun üçün daşma kimi bir şey yükləməlisiniz: scroll;

Sitat: Chris Coyier, http://css-tricks.com/almanac/properties/r/resize/

2540
08 марта '11 в 19:17 2011-03-08 19:17 Cavab 8-1 Mart 2011 tarixində saat 19: 17-də verilir

CSS-də ...

border=0
 textarea { resize: none; } 
164
08 марта '11 в 19:17 2011-03-08 19:17 Cavab Jeff Parker tərəfindən verilir 8 Mart '11 at 19:17 2011-03-08 19:17

2 şey tapdım

birincisi

 textarea{resize:none} 

bu css3 , hələ azad deyil, Firefox4 + chrome və safari ilə uyğun gəlir

başqa bir format funksiyası, daşqın: avtomatik , sağ sürüşdürmə çubuğundan dir ilə xilas olmaq

kod və müxtəlif brauzerlər

Əsas html

 <!DOCTYPE html> <html> <head> </head> <body> <textarea style="overflow:auto;resize:none" rows="13" cols="20"></textarea> </body> </html> 

Bəzi brauzerlər

  • IE8

2019

86
27 дек. Cavab Rami Jamleh tərəfindən verilir 27 dekabr. 2012-12-27 23:58 '12 at 23:58 2012-12-27 23:58

CSS3, bunu etməyə imkan verən istifadəçi interfeysi elementləri üçün yeni bir xüsusiyyətə sahibdir. Əmlak - əmlakın ölçüsü . Buna görə, bütün textarea elementlərinin yenidən boyutlandırılmasını aradan qaldırmaq üçün stil versiyasına aşağıdakıları əlavə etməlisiniz:

 textarea { resize: none; } 

Bu CSS3 xüsusiyyətidir; brauzerinizin uyğunluğunu görmək üçün uyğunluq masasını istifadə edin.

Şəxsən, textarea elementlərinin ölçüsünü dəyişdirmək çox xoşagəlməz olardı. Dizaynçı bir istifadəçi müştərini "qırmaq" üçün çalışırsa, bu vəziyyətlərdən biridir. Layihəniz daha böyük bir mətn sahəsi yerləşdirə bilmirsə, layihənin necə işlədiyini nəzərdən keçirmək lazımdır. Hər hansı bir istifadəçi textarea { resize: both !important; } əlavə edə bilər textarea { resize: both !important; } textarea { resize: both !important; } istifadəçi stilinizdə seçimlərinizi ləğv etmək üçün.

54
08 марта '11 в 19:35 2011-03-08 19:35 cümə axşamı günü cümə axşamı günü saat 19: 35-də cümə axşamı günü Summit tərəfindən cavab verilir
 <textarea style="resize:none" rows="10" placeholder="Enter Text" ></textarea> 
16
06 нояб. Imtiaz Ali Baigal tərəfindən verilmiş cavab 06 noyabr 2013-11-06 12:19 '13 at 12:19 2013-11-06 12:19

Dərin dəstəyə ehtiyacınız varsa, köhnə məktəb üsulundan istifadə edə bilərsiniz.

 textarea { max-width: px; min-width: px; min-height: px; max-height: px; } 
15
12 февр. cavab yevgeniy verildi 12 fevral. 2015-02-12 15:14 '15 'də 15:14' də 2015-02-12 15:14

Bu html asan edilə bilər

 <textarea name="textinput" draggable="false"></textarea> 

Mənim üçün işləyir. Varsayılan dəyər draggable xüsusiyyət üçün true .

6
21 июля '15 в 8:18 2015-07-21 08:18 cavab 21 iyul 2015 -ci il saat 8:18 da verilir

BÜTÜN SORU! Yeniden boyutlandırma özelliğini devre dışı bırakmak üçün aşağıdakı CSS özelliğini istifadə edin:

 resize: none; 
  • Bunu bir satırdakı stil mülkiyyəti kimi tətbiq edə bilərsiniz, məsələn:

     <textarea style="resize: none;"></textarea> 
  • və ya <style>...</style> elementinin tags arasında, məsələn:

     textarea { resize: none; } 
4
12 июня '16 в 13:43 2016-06-12 13:43 Cavab Webeng tərəfindən 12 iyun 'da 13:43' də 2016-06-12 13:43 'də verilir

Əlavə et! vacib işdir:

 width:325px !important; height:120px !important; outline:none !important; 

müəyyən bir brauzerdə mavi konturun qarşısını almaq üçün

2
03 февр. Cavab kaelds tərəfindən verilir 03 fevral. 2014-02-03 22:07 '14 at 10:07 pm 2014-02-03 22:07

Sadəcə istifadə edirsiniz: resize: none; css.

Yeniden boyutlandırma xüsusiyyəti, elementin istifadəçi dəyişdirilə biləcəyini göstərir.

Qeyd Yeniden boyutlandırma mülkiyyəti, hesablanmış daşma dəyərinin "görünən" başqa bir şey olduğu elementlərə aiddir.

Həmçinin, bu zamanda IE-də ölçüsünü dəstəkləmək mümkün deyil.

Yenidən boyutlandırmanın müxtəlif xüsusiyyətləri aşağıdakılardır:

Yenidən boyutlandırmadan:

 textarea { resize: none; } 

Hər iki istiqamətdə (vertikal və üfüqi) yenidən ölçülün:

 textarea { resize: both; } 

Dəyişənliklə ölçülün:

 textarea { resize: vertical; } 

Yatay olaraq yenidən ölçün:

 textarea { resize: horizontal; } 

Əlavə olaraq CSS-də və ya HTML-də widthheight varsa, bu daha geniş brauzerlər üçün dəstəyi ilə mətn sahəsinin ölçüsünü dəyişməyə mane olur.

2
01 июня '17 в 16:11 2017-06-01 16:11 Cavab Əlireza tərəfindən 01 İyun '17' də 16:11 2017-06-01 16:11 'də verilir

CSS3 bu problemi həll edə bilər. Təəssüf ki, istifadə edilən brauzerlərin yalnız 60% -i dəstəklənir.

IE və iOS üçün ölçüsünü kiçiltmək mümkün deyil, ancaq widthheight təyin etməklə textarea ölçüsünü məhdudlaşdıra bilərsiniz.

  textarea { resize:vertical; }  

Demoqoyana baxın

2
31 окт. Oriol-a cavab 31 oktyabr. 2015-10-31 02:26 '15 'də 2:26 ' da, 2015-10-31 02:26

Bunu css resize özelliğini istifadə edə bilərsiniz.

 textarea { resize: none; } 

Mətn yatağını yatay və ya uzununa düzəldə bilərsiniz , beləliklə:

 textarea { resize: vertical; } textarea { resize: horizontal; } 

Nəhayət, resize: both ölçülü tutma imkanı verir.

1
19 февр. Cavab Faisal 19 fevral. 2017-02-19 22:52 '17 saat 10:52 'da 2017-02-19 22:52

Bütün mətn sahələri üçün yenidən boyutlandırmayı aradan qaldırmaq üçün

 textarea { resize: none; } 

Belirli bir textarea üçün yenidən boyutlandırmayı aradan qaldırmaq üçün name özniteliğini və ya id və bir şeyə təyin edin. Bu halda, bu noresize deyilir noresize

 <textarea name='noresize' id='noresize'> </textarea> 

CSS

  textarea[name=noresize]{ resize: none; }  #noresize{ resize: none; } 
1
25 окт. Cavab 25 oktyabrda Abk verilir . 2016-10-25 11:19 '16 'da 11:19' də 2016-10-25 11:19 'də

Ayrıca jQuery istifadə edərək cəhd edə bilərsiniz

 $('textarea').css("resize", "none"); 
0
15 дек. Cavab Santosh Khalse tərəfindən verilir. 2016-12-15 11:08 '16 'da 11:08' də 2016-12-15 11:08

tags ilə bağlı digər suallar və ya bir sual