CSS 「input type=”text”」のみスタイル指定

2011/01/21
  1. input{
  2.  border:none;
  3. }

上記のようにすると「type=text」だけじゃなく「type=submit」などにも影響がでる。
全部にclass指定しろよって話なんだけど出来上がってるサイトに対して何かしないといけないときって面倒なんだ。
ということで下記のようにする。

  1. input[type=text]{
  2.  border:none;
  3. }

name属性でやってもOK。

  1. *:not([type=submit]){
  2.  border:5px solid red;
  3.  background:none;
  4.  padding:none;
  5.  margin:none;
  6. }

上記の場合は「type=submit」以外の全部。

  1. td{ border-top:1px solid #ccc; }
  2. td[colspan=’2′]{ border-top:none; }

上記の場合「colspan=2」のとこだけ「 border-top:none; 」になる。
※使い方が正しいかは不明・・・

※基本、私はFirefoxで確認してます。他のブラウザでどう見えるかなんて知らない。

■参考
属性セレクタの活用例:入力フォームの装飾

新着(ニュース関連以外)

2018-07-26
年賀状で「新春」とか書くけど・・・何故なんだろうと8月を目前にした今、疑問に思った。
2018-05-16
PHPで画像のヘッダ情報(?)の「Orientation」を元に画像回転させたい。
2018-03-05
Android Studioをインストール。エミュレータを軽くするトコまで終わらせたかったけど、挫折した。
2018-02-23
プッシュ通知について調べてた時にでてきたServiceWorker。そのServiceWorkerについてのメモ。
2017-12-13
jqueryで取得したDOM要素をオブジェクトじゃなくて、配列で受け取りたい