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:

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

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. getAvatar 1.0
    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. getAvatar 1.0
    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. getAvatar 1.0
    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. getAvatar 1.0
    06 feb, 2009 sXe:

    Ecco, proprio quello che cercavo.

    Grazie!

    E complimenti per gli articoli.

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

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

  6. getAvatar 1.0
    09 feb, 2009 Napolux:

    Quindi è valida CSS3 e non CSS2?

    Mmmmm....

    Rispondi Quota
  7. getAvatar 1.0
    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
[as][/as]           // Actionscript
[css][/css]         // CSS Style Sheet
[html][/html]       // HTML
[js][/js]           // Javascript
[objc][/objc]       // Objective-C
[php][/php]         // PHP
[sql][/sql]         // SQL