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

質問

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

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

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

回答No.1

steel_gray · ベストアンサー

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

お礼

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

回答No.2

ORUKA1951

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

　子孫セレクタや詳細度、継承順で指定できるはず何にしてないということは、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番効率がいいのかいつも悩んでしまします。
プロの方からご意見をいただけると、勉強になります。
初期の設定をどの程度にするか今いちど考えてみます。
ありがとうございました。