ブラウザ依存のボタンのデザインを使いたい。

cssで特にデザインを設定しない場合に表示されるボタンのデザインを使いたいと思っています。

しかし、ブラウザスタイルの初期化
*{
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-size: 100%;
text-decoration: none;
}
をすると、ボタンがグレー背景ののっぺりしたものになってしまいます。

この状態ですでにページのデザインは完成していますので、ユニバーサルセレクタ内はさわらず、ボタンのデザインをブラウザのデフォルトのデザインで表示させる方法を教えてください。

No.1 ベストアンサー 回答者： steel_gray 回答日時： 2009/02/13 14:21

一度指定してしまうと元には戻せません。

以下の三択だと思います。
(1)デザインをあきらめる。
(2)デザインだけなら、borderさえ指定しなければ元のままなのでborderの指定を削除して、必要な部分だけ別に定義する。
-borderが標準で付くのはアンカー内のimgとfieldsetぐらいだったかな。
-文字サイズは影響を受けます。
(3)ユニバーサルセレクタを個別に書き換える(*)
* {～}
↓input,buttonを除く全ての要素名を羅列する。
a,abbr,acronym,address,・・・ {～}

この回答へのお礼

ユニバーサルセレクタ内から
border: 0;
を削除したらデザインが戻ったので、
(2)の方法で調整しようと思います。
ありがとうございました。

お礼日時：2009/02/13 15:08

No.2 回答者： ORUKA1951 回答日時： 2009/02/13 14:28

ユニバーサルセレクタ内はとはどういう意味ですか？？

^^^^^^^^^^^^^^^^^^^^^^？？？何かの造語ですか？


　子孫セレクタや詳細度、継承順で指定できるはず何にしてないということは、CSSを直さないということ？
　それとも、ＨＴＭＬ(XHTML)側を直さないということ？

　質問の意味が取れません。

しかし、誰がはじめたことか知らないけど。
*{
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-size: 100%;
text-decoration: none;
}
なんて指定したら、CSSが大変面倒なことになるのは目に見えている。せいぜい
html,body{
margin: 0px;
padding: 0px;
}
だけでしてけばよいものを(^^)・・・

この回答へのお礼

私は全くの素人で、知識は全て書籍から得たもので、プロの現場を全く知らないので、お恥ずかしいです。

ユニバーサルセレクタとはｃｓｓ２で新たに導入されたセレクタであると、書いてありました。

出現頻度の多いプロパティをどの段階で指定するのが1番効率がいいのかいつも悩んでしまします。
プロの方からご意見をいただけると、勉強になります。
初期の設定をどの程度にするか今いちど考えてみます。
ありがとうございました。

お礼日時：2009/02/13 15:52