inputエリアの枠と背景と影とかを消したい

inputエリアでは、いろいろブラウザ依存のインターフェースから統一のインターフェースを持ちたいと言う時が多くあります。

それは、twitter bootstrapなどで顕著ですが、自分で作る時には、最初にデフォルトの枠、背景、影を消します。

例えば

input{
border:none;
background:none;
}

で多くのエリアは全く何も表示されない状態になりますが、一部ブラウザで影が残る場合があります。その時は下記を追加します

-webkit-appearance:none;

web-kitに紐付いたcssは基本的には覚えてないのですが、デフォルトで入ってしまっているので消す方法くらいは覚えておきたいです。

  • written on 2012.11.24
  • category : css, mobile

Next / Prev

前の記事:

次の記事:

Same Category

Page top↑