art2nd
https://blog.hatena.ne.jp/art2nd/
晴歩雨描
https://2ndart.hatenablog.com/
ホームページ、Web作成
ブラウザのChromeとFirefoxで、ボタン<button>の見た目がなかなか同じにならない。 理由は、「ユーザーエージェント・スタイルシート（User Agent Stylesheet）」という各ブラウザが独自に持っているデフォルト設定が異なるため。 極力、ChromeとFirefoxで見た目が同じになるCSSを作成。 ただし、font-family:がsans-serifでは、同じフォントにならない。font-family:で、Webフォント"Noto Sans JP"を使うことで同じになる。 ■ サンプル https://ok2nd.github.io/tool/css/button…
190
<iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2F2ndart.hatenablog.com%2Fentry%2F2026%2F02%2F27%2F142444" title="CSS）ChromeとFirefoxでボタン<button>の見た目を同じにする。シンプルな影付きボタン。 - 晴歩雨描" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe>
https://cdn-ak.f.st-hatena.com/images/fotolife/a/art2nd/20260227/20260227144236.png
Hatena Blog
https://hatena.blog
2026-02-27 14:24:44
CSS）ChromeとFirefoxでボタン<button>の見た目を同じにする。シンプルな影付きボタン。
rich
https://2ndart.hatenablog.com/entry/2026/02/27/142444
1.0
100%