Entfernen Sie alle Stile (Rand, Glühen) aus dem Textbereich

Ich möchte die Stile aus einem Textbereich entfernen und alles weiß lassen, wenn möglich ohne Rand oder Glühen. Ich habe es mit verschiedenen Sachen versucht, die hier auf SO gefunden wurden, aber nichts funktioniert (versucht mit FF und Chrome).

Also, ist es möglich und wenn ja, wie geht das?

Was ich bisher versucht habe:

textarea#story {
  // other stuff
  -moz-appearance:none;
  outline:0px none transparent;
}

textarea:focus, input:focus{
    outline: 0;
}

*:focus {
    outline: 0;
}

Der Glow-Effekt wird höchstwahrscheinlich durch Box-Shadow gesteuert. Zusätzlich zu den Aussagen von Pavel können Sie die Box-Shadow-Eigenschaft für die verschiedenen Browser-Engines hinzufügen.

textarea {
    border: none;
    overflow: auto;
    outline: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    resize: none; /*remove the resize handle on the bottom right*/
}

Sie können auch versuchen,! Important hinzuzufügen, um dieses CSS zu priorisieren.

Wenn Sie ALLES entfernen möchten:

textarea {
    border: none;
    background-color: transparent;
    resize: none;
    outline: none;
}

Versuche dies:

textarea {
        border-style: none;
        border-color: Transparent;
        overflow: auto;
        outline: none;
      }

jsbin: http://jsbin.com/orozon/2/

Wenn Sie kein Glück mit oben haben, versuchen Sie es mit einer Klasse oder identifizieren Sie sogar etwas wie textarea.foo und dann Ihren Stil. oder versuchen Sie es! wichtig