Tecnologia » Sviluppo » Software » Internet » CSS

Very short trick: disabilitare il ridimensionamento di una textarea su Safari

giovedì 5 febbraio, 2009

In tutti i browser sviluppati partendo dal motore di rendering WebKit (come apputo Safari o Google Chrome), i campi textarea mostrano, in basso a destra, la caratteristica funzionalità di resizing. Se questa particolarità può risultare davvero utile in certi casi, in altri si trasforma in un elemento fastidioso. Fortunatamente è possibile controllare questo comportamento direttamente dal foglio stile, agendo semplicemente nei CSS tramite resize:

1
2
3
4
/* supporta: auto, both, horizontal, none, vertical */
textarea {
resize: none;
}

Post correlati

Questo articolo ti è stato utile?: Per nientePocoAbbastanzaMoltoMoltissimo
Loading ... Loading ...

Tags: , , , , , , , , , , ,

7 commenti a: “Very short trick: disabilitare il ridimensionamento di una textarea su Safari”

  1. 05 feb, 2009 Engelium:

    Ciao

    ma questa proprietà è applicabile ad altri browser (consentendo così il ridimensionamento ad esempio su FF o Opera) oppure è un’estensione proprietaria di webkit?

    Rispondi Quota
  2. 05 feb, 2009 Giovambattista Fazioli:

    @Engelium: resize fa parte delle specifiche CSS 3 supportate parzialmente dai vari browser disponibili. WebKit, quindi Safari e Chrome, sono gli unici – che io sappia – che l’hanno già implementata. Facendo parte delle specifiche W3C/CSS3, dovrebbe essere supportata nelle prossime release di browser come FireFox, Opera, ecc… al peggio, come già accade con i border-radius, useranno nomi diversi, tipo -moz-resize. Per FireFox, comunque, oltre a vari script Javascript che “amulano” tale comportamento, esiste anche un Add-on Resizeable Textarea

    Rispondi Quota
  3. 05 feb, 2009 Engelium:

    Beh a me interessava come webmaster quindi il fatto che esistano addon o userjs mi cambia poco

    grazie per la risposta

    Rispondi Quota
  4. 06 feb, 2009 sXe:

    Ecco, proprio quello che cercavo.

    Grazie!

    E complimenti per gli articoli.

    Rispondi Quota
  5. 09 feb, 2009 La settimana in “Grafica” #1 - viklog:

    [...] Very short trick: disabilitare il ridimensionamento di una textarea su Safari [...]

  6. 09 feb, 2009 Napolux:

    Quindi è valida CSS3 e non CSS2?

    Mmmmm….

    Rispondi Quota
  7. 09 feb, 2009 Giovambattista Fazioli:

    @Napolux:

    Quindi è valida CSS3 e non CSS2?

    come sai i browser più recenti hanno iniziato a supportare – parzialmente – CSS3. Io penso che dove sia supportato CSS3 il resize è possibile vederlo e quindi disattivarlo. In quelli che non lo supprotano tale impostazione passa inosservata… o almeno si spera :)

    Rispondi Quota

Lascia un commento

TAG XHTML PERMESSI: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> INSERIMENTO CODICE: 
<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