CSS: Styling WordPress Administration Control Panel Buttons

WordPress does a great job in smoothing the user experience of the blog administration control panel. Ever wonder how they have styled all those buttons with such touchy appearance?

Well the originator is the man in blue:

button
{
	border-left: 3px double #CCCCCC;
	border-right: 3px double #999999;
	border-top: 3px double #CCCCCC;
	border-bottom: 3px double #999999;
	padding: 0.25em;
	background: #FFFFFF;
	color: #333333;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

The trick lies in the double border style which is rarely used. Attaching a background image would look good too.

Scroll to Top