掲示板/スタイルシート質問板/過去ログ/一覧/ borderが指定されていると、ボタンのフチが表示できない。

0 名前： hi ： 2006/09/30（土） 10:19 ID:KP9Obyrs: <button>タグでは、押下すると自動的にへこむボタンを表示できますよね。

CSSデザインのセオリーとして「まず最初にブラウザの既定スタイルを無効にする」というのは結構一般的かと思います。
具体的には、スタイル先頭で
* { margin:0; padding:0; border:0px; }
などと記述します。

しかし、これをやるとボタンの周囲が表示されなくなってしまいます。結果的に、押下してもへこんで見えません。
button{ border:... で改めて幅を太くしても、なにを設定してもダメです。borderになにか設定していること自体で、自動的にへこむ周囲がなくなってしまいます。

border指定後のボタンの周囲は表示できますでしょうか。
borderの指定を「なかったこと」にするようなスタイルの解除方法などあるのでしょうか？

こちらの環境は、
Mac OS X 10.4.7
Safari 2.0.4
です。
どうぞよろしくお願いします。

2 名前： DS ： 2006/09/30（土） 10:19 ID:N0bKtyKT: * { margin:0; padding:0; }
img { border:0px; }

これじゃダメなのかな？

3 名前： さかな ： 2006/09/30（土） 10:19 ID:c2cxFACN

>>2　でいいんじゃないですか？

デフォルトCSSの初期化する場合に

*{
　margin:0px;
　padding:0px;  /*ｵﾍﾟﾗ対策*/
}
img{
　border:none;
}
h1,h2…,div,p,address,とか{  /*ボックス要素の上書き*/
　font:…テキストの値
　etc…
}

ロールオーバーのCSSに問題が有るのではないでしょうか？
あなたのCSSを　書き込みして下さい、そうすれば　皆さんの　意見が聞けるのではないでしょうか？