Si usas seguido Safari ó Chrome, habrás notado que estos browsers permiten -por defecto- que el </strong> sea redimensionado por el usuario a través del arrastre en el rincón inferior-derecho. Esta es una propiedad de <strong>WebKit</strong> de accesibilidad que puede perjudicar el <em>layout</em> de nuestro lindo formulario.</p> <p>Para quitarlo, basta declarar en <strong>CSS</strong>:</p> <pre><code class="language-css">textarea { resize: none; }</code></pre> <p>[Ver ejemplo<br> <small>(En Safari-Chrome)</small>][1]{.verejemplo}</p> <p style="text-align: center"> <img loading="lazy" src="http://www.csslab.cl/wp-content/uploads/2010/07/textarea.png" alt="" title="CSSLab.cl: resize textarea" width="350" height="314" class="aligncenter size-full wp-image-602" srcset="http://www.csslab.cl/wp-content/uploads/2010/07/textarea.png 350w, http://www.csslab.cl/wp-content/uploads/2010/07/textarea-300x269.png 300w, http://www.csslab.cl/wp-content/uploads/2010/07/textarea-220x197.png 220w" sizes="(max-width: 350px) 100vw, 350px" /> </p> <p>[1]: <a href='http://www.csslab.cl/ejemplos/textarea'>http://www.csslab.cl/ejemplos/textarea.html</a> “Enlace en CSSLab a “Ejemplo Tip Precoz 7: resize textarea””</p> </div></div> <div class="pagination"> <div class="pagination__title"> <span class="pagination__title-h">Leer otros artículos</span> <hr /> </div> <div class="pagination__buttons"> <span class="button previous"> <a href="/2010/07/28/haptica-en-ios/"> <span class="button__icon">←</span> <span class="button__text">Háptica en iOS</span> </a> </span> <span class="button next"> <a href="/2010/07/07/con-o-sin-comillas/"> <span class="button__text">¿Con o sin comillas?</span> <span class="button__icon">→</span> </a> </span> </div> </div> </div> </div> <footer class="footer"> <div class="footer__inner"> <div class="copyright copyright--user"> <span>© CSSLab 2005 ~ 2024. Todos los derechos reservados.<br> Escrito y mantenido por Jorge Epuñan desde 🇨🇱.</span> </div> </div> </footer> <script src="/assets/main.js"></script> <script src="/assets/prism.js"></script> <script src="//static.codepen.io/assets/embed/ei.js" async></script> </div> </body> </html>