web-dev-qa-db-fra.com

Supprimer tous les styles (bordure, lueur) de textarea

Je veux supprimer les styles d'une zone de texte et laisser le tout blanc, sans bordure ni lueur, si possible. J'ai essayé avec différentes choses trouvées ici sur SO, mais rien ne fonctionne (essayé avec FF et Chrome).

Alors, est-ce possible et si oui comment le faire?

enter image description here

Ce que j'ai essayé jusqu'à présent: 

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

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

*:focus {
    outline: 0;
}
cssformstextareaborder
49
holyredbeard

L'effet de rayonnement est probablement contrôlé par Box-Shadow. En plus d'ajouter ce que Pavel a dit, vous pouvez ajouter la propriété box-shadow pour les différents moteurs de navigateur.

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*/
}

Vous pouvez également essayer d'ajouter! Important de donner la priorité à ce CSS.

90
IamShipon1988

Si vous souhaitez supprimer TOUT: 

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

essaye ça:

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

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

0
Pavel

si vous n’avez pas eu la chance de vous essayer ci-dessus, essayez une classe ou même quelque chose comme: textarea.foo et ensuite votre style. ou essayer de! important

0
Mahmoud