it-swarm.com.de

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

Ich möchte die Stylings aus einem Textfeld entfernen und alles weiß lassen, wenn möglich, ohne Umrandung oder Glanz. Ich habe es mit verschiedenen Sachen ausprobiert, die hier auf SO gefunden wurden, aber nichts funktioniert (versucht mit FF und Chrome).

Ist es möglich und wenn ja, wie es geht?

enter image description here

Was ich bisher ausprobiert habe:

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

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

*:focus {
    outline: 0;
}
49
holyredbeard

Der Leuchteffekt wird höchstwahrscheinlich von Box-Shadow gesteuert. Neben dem, was Pavel gesagt hat, 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,! Wichtig hinzuzufügen, um dieses CSS zu priorisieren.

90
IamShipon1988

Wenn Sie ALLES entfernen möchten: 

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

versuche dies:

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

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

0
Pavel

wenn kein glück mit oben ist, versuchen sie es mit einer klasse oder sogar mit id. textarea.foo und dann Ihren Stil. oder versuchen Sie es! wichtig

0
Mahmoud