Sehr kurze Trick: deaktivieren Sie die Größe eines textarea auf Safari

In jedem Browser entwickelt ausgehend von der Rendering-Engine WebKit (nach Vereinbarung als Safari oder Google Chrome ), die Felder textarea zeigen, unten rechts, das charakteristische Merkmal der Größenänderung. Wenn diese Besonderheit kann als sehr nützlich erweisen in einigen Fällen, in anderen wird es ein Ärgernis Element. Glücklicherweise kann man dieses Verhalten steuern direkt aus dem Stylesheet, einfach indem sie in CSS mit resize :

1
2
3
4
/ * Unterstützt Auto, Both, horizontal, keine, vertikal * /
textarea {
; Größe: none;
}

7 Kommentare: "Sehr kurze Trick: deaktivieren Sie die Größe eines textarea auf Safari"

  1. 5. Februar 2009 Engelium :

    Hallo

    aber diese Eigenschaft ist für andere Browser (und damit die Skalierung der FF oder Opera zum Beispiel) oder ist eine Erweiterung des Eigentümers webkit?

    Antwort zitieren
  2. 5. Februar 2009 Giovambattista Fazioli :

    @ Engelium: resize Teil der CSS 3 teilweise von den verschiedenen Browsern verfügbar unterstützt. WebKit, Safari und Chrome sind dann der einzige - ich weiß - das sind bereits implementiert. . Im Rahmen der spezifischen W3C/CSS3, sollte in zukünftigen Versionen von Browsern wie Firefox, Opera, etc. unterstützt werden ... das Schlimmste, wie es bereits bei der border-radius , verwenden verschiedene Namen, wie -moz-resize . Für FireFox, aber sowie verschiedene Scripting Javascript "amule" ein solches Verhalten gibt es auch ein Add-on Resizeable Textarea

    Antwort zitieren
  3. 5. Februar 2009 Engelium :

    Nun, ich war interessiert als Webmaster so die Tatsache, dass es Addons ich UserJS oder nur wenig ändert

    Dank für die Antwort

    Antwort zitieren
  4. 6. Februar 2009 SXE:

    Das ist genau das, was ich wollte.

    Thank you!

    Und für Artikel gratulieren.

    Antwort zitieren
  5. 9. Februar 2009 Die Woche in "Graphics" # 1 - viklog :

    [...] Sehr kurze Trick: deaktivieren Sie die Größe eines textarea auf Safari [...]

  6. 9. Februar 2009 Napolux :

    So ist es nicht gültig CSS2 und CSS3?

    Mmmmm ....

    Antwort zitieren
  7. 9. Februar 2009 Giovambattista Fazioli :

    @ Napolux:

    So ist es nicht gültig CSS2 und CSS3?

    wie Sie wissen die neuesten Browser haben damit begonnen, zu unterstützen - zum Teil - CSS3. Ich denke, dass dort, wo sowohl die unterstützten CSS3 resize und dann können Sie es deaktivieren. In diejenigen, die nicht supprot Dazu Ansatz unbemerkt ... oder zumindest hoffe ich :)

    Antwort zitieren

Hinterlasse einen Kommentar

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