Rimuovere tutti gli stili (bordo, bagliore) dalla textarea

Question

Desidero rimuovere gli stili da un'area di testo e lasciare tutto bianco senza bordo o bagliore, se possibile. Ho provato con materiale diverso trovato qui su SO, ma non funziona (provato con FF e Chrome).

Quindi, è possibile e se sì come si fa?

Quello che ho provato finora:

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

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

*:focus { 
    outline: 0; 
} 

Answer 1

L'effetto bagliore è più probabile, controllato da una scatola -ombra. Oltre ad aggiungere ciò che ha detto Pavel, è possibile aggiungere la proprietà box-shadow per i diversi motori del browser.

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

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

Si può anche provare ad aggiungere! Importante dare la priorità a questo CSS.

Answer 2

provare questo:

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

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

Answer 3

se non ci sono fortuna con sopra prova un codice categoria o anche id qualcosa come textarea.foo e quindi il tuo stile. o cercare di importanti

Answer 4

Se si desidera rimuovere TUTTO:

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