Retrait du textarea de la frontière dans le HTML

Je travaille avec le textarea élément en HTML et que vous souhaitez supprimer de la frontière de la zone. Je tiens également à aligner le texte dans le bas de mon textarea.

InformationsquelleAutor PROFESSOR | 2009-06-25
  1. 55

    Ajouter à votre <head>:

    <style type="text/css">
    textarea { border: none; }
</style>

    Ou le faire directement sur le textarea:

    <textarea style="border: none"></textarea>
    • Ne pas enlever les boutons de défilement dans IE. Ma solution devrait couvrir que.
    • CSS n'est pas bon
    • Aussi outline: none; pour Safari/Chrome
    • merci, Gary; c'était le point d'aboutissement de la réponse. Ne peux pas croire que je suis venu à StackOverflow sans penser que...
    InformationsquelleAutor John Kugelman
  2. 45

    En CSS:

      textarea { 
    border-style: none; 
    border-color: Transparent; 
    overflow: auto;        
  }
    • Cela devrait être la bonne réponse, car il fonctionne de la croix-navigateur.
    • est-il possible d'inclure la façon de le faire directement à l'intérieur de la <textarea> balise elle-même?
    • vous pouvez juste le mettre dans un style attribut: <textarea style="border-tyle: none; border-color: Transparent; overflow: auto"></textarea>
    InformationsquelleAutor Jacob
  3. 3

    Celui-ci est grand:

    <style type="text/css">
textarea.test
{  
width: 100%;
height: 100%;
border-color: Transparent;     
}
</style>
<textarea class="test"></textarea>
    InformationsquelleAutor SilverHorn
  4. 1
    textarea {
border: 0;
overflow: auto; }

    moins CSS ^
    vous ne pouvez pas aligner le texte sur le fond malheureusement.

    • Cela se débarrasser de la frontière, dans ie7, sans avoir à mettre à la transparence.
    InformationsquelleAutor