[CSS]ボタンにpaddingを指定した際の各ブラウザでの表示例

Design Detectorのエントリーから、フォームのsubmitボタンに「padding」を指定した際の各ブラウザでのレンダリング例を紹介します。

submitボタンにpaddingを指定した際の各ブラウザでの表示例のキャプチャ

Buttons Padding Demo

paddingを指定したsubmitボタンは、空白とテキストを配置した2種類にborder指定の有り無しとなっており、paddingの指定は「無し」と「0~5px」を指定したものとなっています。
OS、ブラウザは、Windows XP, Mac OS X, Linuxと、Internet Explorer, Firefox, Opera, Safariと主要なものとなっています。

sponsors

top of page

©2018 coliss