Muy corto truco: deshabilitar el tamaño de una caja de texto en Safari

En todos los navegadores desarrollado a partir del motor de renderizado WebKit (como apputo Safari o Google Chrome ), los campos textarea espectáculo, en la parte inferior derecha, la característica de cambio de tamaño. Si esta peculiaridad puede ser muy útil en ciertos casos, en otros se convierte en un factor perturbador. Afortunadamente, usted puede controlar este comportamiento directamente de la hoja de estilo, simplemente actuando de CSS a través de cambio de tamaño :

1
2
3
4
/ * Compatible con: auto, ambos, horizontal, nadie, vertical * /
textarea {
; resize: none;
}

7 comentarios a: " "

  1. 05 de febrero 2009 Engelium :

    ¡Hola

    pero esta propiedad es aplicable a otros navegadores (lo que permite cambiar el tamaño de FF u Opera por ejemplo) o es una extensión de propiedad de webkit?

    Responder Citar
  2. 05 de febrero 2009 Giovan Battista Fazioli :

    @ Engelium: resize es parte de CSS 3 en parte con el apoyo de los diferentes navegadores disponibles. WebKit y Safari y Chrome son los únicos - que yo sepa - que ya han implementado. . Como parte de la W3C/CSS3 específica, debe ser compatible con futuras versiones de navegadores como Firefox, Opera, etc ... para peor, como ya ocurre con la border-radius , van a utilizar diferentes nombres, tales como -moz-resize . Para Firefox, sin embargo, así como varios guiones que Javascript "amulano" tal comportamiento, también hay un add-on Área de texto Resizeable

    Responder Citar
  3. 05 de febrero 2009 Engelium :

    Bueno, yo estaba interesado en un webmaster para que el hecho de que hay addon o UserJS voy a cambiar poco

    gracias por la respuesta

    Responder Citar
  4. 06 de febrero 2009 sXe:

    Aquí, justo lo que estaba buscando.

    ¡Gracias!

    Y enhorabuena por los artículos.

    Responder Citar
  5. 09 de febrero 2009 La semana en los "gráficos" # 1 - viklog :

    [...] Muy corto truco: deshabilitar el tamaño de una caja de texto en Safari [...]

  6. 09 de febrero 2009 Napolux :

    Por lo tanto, no es válido CSS2 y CSS3?

    Mmmmm ....

    Responder Citar
  7. 09 de febrero 2009 Giovan Battista Fazioli :

    @ Napolux:

    Por lo tanto, no es válido CSS2 y CSS3?

    como saben los navegadores más recientes comenzaron apoyo - parcialmente - CSS3. Creo que ahí es donde el apoyo CSS3 resize se puede ver y luego apagarlo. En los que no supprotano este enfoque pasa desapercibido ... o al menos eso espero :)

    Responder Citar

Deja un comentario

TAG XHTML PERMISOS: ENTRADA CÓDIGO: 
 <pre></pre> // blocco generico <code></code> // blocco generico [cc_actionscript][/cc_actionscript] // Actionscript [cc_actionscript3][/cc_actionscript3] // Actionscript 3 [cc_css][/cc_css] // CSS Style Sheet [cc_html][/cc_html] // HTML [cc_js][/cc_js] // Javascript [cc_objc][/cc_objc] // Objective-C [cc_php][/cc_objc] // PHP [cc_sql][/cc_sql] // SQL