web-dev-qa-db-ja.com

テキストエリアからすべてのスタイル（境界線、グロー）を削除します

テキストエリアからスタイリングを削除し、可能であれば境界線やグローなしですべて白のままにしておきたいです。 SOでここにあるさまざまなものを試しましたが、何も機能しません（FFとChromeで試しました）。

だから、それは可能ですか？

enter image description here

これまでに試したこと：

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

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

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

グロー効果は、ほとんどの場合、ボックスシャドウによって制御されます。 Pavelが言ったことを追加することに加えて、さまざまなブラウザエンジンにbox-shadowプロパティを追加できます。

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

また、！importantを追加して、このCSSに優先順位を付けることもできます。

101
IamShipon1988

すべてを削除する場合：

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

これを試して：

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

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

0
Pavel

上記でうまくいかない場合は、クラスを試すか、textarea.fooのようなIDを指定してからスタイルを設定してください。または！

0
Mahmoud