89

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

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

ここに画像の説明を入力

私がこれまでに試したこと：

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

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

*:focus {
    outline: 0;
}
4

4 に答える 4

176

グロー効果は、ほとんどの場合、box-shadow によって制御されます。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 を優先することもできます。

于 2013-06-14T13:47:37.537 に答える
1

これを試して：

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

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

于 2013-06-14T13:37:54.323 に答える
0

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

于 2013-06-14T14:55:46.910 に答える