Wie kann ich die Größenänderung eines <textarea>-Elements deaktivieren oder anpassen?-CSS-Tutorial-php.cn

Heim > Artikel > Web-Frontend > Wie kann ich die Größenänderung eines -Elements deaktivieren oder anpassen?</p><div class="clear"></div></div></div><div class="nphpQianBox"><div class="nphpQianTitle"><h1>Wie kann ich die Größenänderung eines <textarea>-Elements deaktivieren oder anpassen?</h1><div class="nphpQianTitleIn"><span><img data-src="https://img.php.cn/upload/avatar/000/000/001/66ea8170af62b832.png" alt="Barbara Streisand" class="lazyload" src="/static/front/mobimages/moren/moren.png" /></span><dl><dt><em>Barbara Streisand</em><i class='bg1'>Original</i><div class="clear"></div></dt><dd><em>2024-10-28 09:48:02</em><i>348Durchsuche</i><div class="clear"></div></dd></dl><div class="clear"></div></div></div><div class="nphpQianCont wenda-list"><p><img src="https://img.php.cn/upload/article/000/000/000/173008008567838.jpg" alt="How can I disable or customize resizing on a <textarea> Element? "> Element? " /></p> <p><strong><textarea> Resize Grabber deaktivieren</strong></p> <p>Wenn Sie mit <textarea>-Elementen arbeiten, bemerken Sie möglicherweise, dass unten ein dreieckiger Grabber erscheint- Mit diesem Grabber können Benutzer die Größe des <textarea> ändern. Wenn Sie diese Funktion deaktivieren möchten, wenden Sie einfach die folgende CSS-Eigenschaft auf Ihren <textarea> an:</p> <pre class="brush:php;toolbar:false"><code class="css">resize: none;</code></pre> <p>Dadurch wird das effektiv entfernt Größenänderungs-Grabber aus Ihrem <textarea>.</p> <p><strong>Anpassen der Größenänderungsoptionen</strong></p> <p>Zusätzlich zur Deaktivierung des Größenänderungs-Grabbers können Sie auch angeben, wie Ihre <textarea> Standardmäßig wird die Größe von <textarea>s sowohl in horizontaler als auch in vertikaler Richtung geändert. Sie können dieses Verhalten jedoch mithilfe derselben Größenänderungseigenschaft ändern:</p> <ul> <li>Resize: Vertical; vertikal.</li> <li>Größe ändern: horizontal; – Ermöglicht die Größenänderung nur horizontal.</li> </ul> <p>Beachten Sie, dass die Einstellung „Größe ändern: beide“ das Standardverhalten aktiviert und eine Größenänderung in beide Richtungen ermöglicht.</p><p>Das obige ist der detaillierte Inhalt vonWie kann ich die Größenänderung eines <textarea>-Elements deaktivieren oder anpassen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!</p></div><div class="nphpQianMsg"><a href="javascript:void(0);">css</a> <a href="javascript:void(0);">if</a> <a href="javascript:void(0);">using</a> <a href="javascript:void(0);">Property</a> <a href="javascript:void(0);">default</a> <a href="javascript:void(0);">this</a><div class="clear"></div></div><div class="nphpQianSheng"><span>Stellungnahme：</span><div>Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn</div></div></div><div class="nphpSytBox"><span>Vorheriger Artikel：<a class="dBlack" title="Wie kann verhindert werden, dass Browser mithilfe von @font-face Schriftarten herunterladen, die bereits auf dem System des Benutzers installiert sind?" href="http://m.php.cn/de/faq/1796651383.html">Wie kann verhindert werden, dass Browser mithilfe von @font-face Schriftarten herunterladen, die bereits auf dem System des Benutzers installiert sind?</a></span><span>Nächster Artikel：<a class="dBlack" title="Wie kann verhindert werden, dass Browser mithilfe von @font-face Schriftarten herunterladen, die bereits auf dem System des Benutzers installiert sind?" href="http://m.php.cn/de/faq/1796651430.html">Wie kann verhindert werden, dass Browser mithilfe von @font-face Schriftarten herunterladen, die bereits auf dem System des Benutzers installiert sind?</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>In Verbindung stehende Artikel</h2><em><a href="http://m.php.cn/de/article.html" class="bBlack"><i>Mehr sehen</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><ul class="nphpXgwzList"><li><b></b><a href="http://m.php.cn/de/faq/1796651463.html" title="Warum funktioniert mein Selektor für das n-te Kind nicht bei verschachtelten Elementen?" class="aBlack">Warum funktioniert mein Selektor für das n-te Kind nicht bei verschachtelten Elementen?</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/1796651475.html" title="Warum kehrt mein transformiertes Element plötzlich in seine ursprüngliche Position zurück?" class="aBlack">Warum kehrt mein transformiertes Element plötzlich in seine ursprüngliche Position zurück?</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/1796651318.html" title="Hintergrundfilter nicht verfügbar: Wie erzielt man unscharfe Hintergrundeffekte in modernen Browsern?" class="aBlack">Hintergrundfilter nicht verfügbar: Wie erzielt man unscharfe Hintergrundeffekte in modernen Browsern?</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/1796651430.html" title="Hier sind einige mögliche Titel für Ihren Artikel, wobei der Schwerpunkt auf dem Frage-und-Antwort-Format liegt: * Kann ich ein quadratisches Div mit dynamischer Größe erstellen, das das Seitenverhältnis und die Mittelpunkte im Ansichtsfenster beibehält? *" class="aBlack">Hier sind einige mögliche Titel für Ihren Artikel, wobei der Schwerpunkt auf dem Frage-und-Antwort-Format liegt: * Kann ich ein quadratisches Div mit dynamischer Größe erstellen, das das Seitenverhältnis und die Mittelpunkte im Ansichtsfenster beibehält? *</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/1796651447.html" title="So überschreiben Sie GWT-Designstile mit benutzerdefiniertem CSS Bei diesem Titel handelt es sich um eine klare und prägnante Frage, die den Inhalt Ihres Artikels genau wiedergibt." class="aBlack">So überschreiben Sie GWT-Designstile mit benutzerdefiniertem CSS Bei diesem Titel handelt es sich um eine klare und prägnante Frage, die den Inhalt Ihres Artikels genau wiedergibt.</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><div class="nphpFoot"><div class="nphpFootBg"><ul class="nphpFootMenu"><li><a href="http://m.php.cn/de/"><b class="icon1"></b><p>Heim</p></a></li><li><a href="http://m.php.cn/de/course.html"><b class="icon2"></b><p>Kurs</p></a></li><li><a href="http://m.php.cn/de/wenda.html"><b class="icon4"></b><p>Fragen und Antworten</p></a></li><li><a href="http://m.php.cn/de/login"><b class="icon5"></b><p>Mein</p></a></li><div class="clear"></div></ul></div></div><div class="nphpYouBox" style="display: none;"><div class="nphpYouBg"><div class="nphpYouTitle"><span onclick="$('.nphpYouBox').hide()"></span><a href="http://m.php.cn/de/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="http://m.php.cn/de/"><b class="icon1"></b><span>Heim</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/course.html"><b class="icon2"></b><span>Kurs</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/article.html"><b class="icon3"></b><span>Artikel</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/wenda.html"><b class="icon4"></b><span>Fragen und Antworten</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/dic.html"><b class="icon6"></b><span>Wörterbuch</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/course/type/99.html"><b class="icon7"></b><span>Handbuch</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/xiazai/"><b class="icon8"></b><span>Herunterladen</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/faq/zt" title="Thema"><b class="icon12"></b><span>Thema</span><div class="clear"></div></a></li><div class="clear"></div></ul></div></div><div class="nphpDing" style="display: none;"><div class="nphpDinglogo"><a href="http://m.php.cn/de/"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="http://m.php.cn/de/" >Heim</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/article.html" class="hover">Artikel</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/wenda.html" >Fragen und Antworten</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/course.html" >Kurs</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/faq/zt" >Thema</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/xiazai" >Herunterladen</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/game" >Spiel</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/dic.html" >Wörterbuch</a></div><div class="clear"></div></div></div><div class="langadivs" ><a href="javascript:;" class="bg4 bglanguage"></a><div class="langadiv" ><a onclick="javascript:setlang('zh-cn');" class="language course-right-orders chooselan " href="javascript:;"><span>简体中文</span><span>（ZH-CN）</span></a><a onclick="javascript:setlang('en');" class="language course-right-orders chooselan " href="javascript:;"><span>English</span><span>（EN）</span></a><a onclick="javascript:setlang('zh-tw');" class="language course-right-orders chooselan " href="javascript:;"><span>繁体中文</span><span>（ZH-TW）</span></a><a onclick="javascript:setlang('ja');" class="language course-right-orders chooselan " href="javascript:;"><span>日本語</span><span>（JA）</span></a><a onclick="javascript:setlang('ko');" class="language course-right-orders chooselan " href="javascript:;"><span>한국어</span><span>（KO）</span></a><a onclick="javascript:setlang('ms');" class="language course-right-orders chooselan " href="javascript:;"><span>Melayu</span><span>（MS）</span></a><a onclick="javascript:setlang('fr');" class="language course-right-orders chooselan " href="javascript:;"><span>Français</span><span>（FR）</span></a><a onclick="javascript:;" class="language course-right-orders chooselan chooselanguage" href="javascript:;"><span>Deutsch</span><span>（DE）</span></a></div></div><script> var swiper = new Swiper('.nphpNavSwiper1', { slidesPerView : 'auto', observer: true,//修改swiper自己或子元素时，自动初始化swiper observeParents: true,//修改swiper的父元素时，自动初始化swiper }); </script></div></div><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了，就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body></html>