Posted By

Meander365 on 09/29/10

Tagged

Versions (?)

Last Edited at 09/29/10 08:36am

Statistics

Viewed 792 times

Favorited by 0 user(s)

Related snippets

CSS Format Links, Buttons and Submits To Be The Same Style (Cross Browser)

/ Published in: CSS

This also use PIE.htc to force rounded corners in IE.

Highlighted TextExpand

button, input[type="submit"], input[type="button"], .button, .button:visited {
		background: #ED9C30 url(images/overlay.png) repeat-x 0 0;
		display: inline-block;
		color: #fff!important;
		text-decoration: none;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		/*text-shadow: 0 -1px 1px rgba(0,0,0,0.25);*/
		position: relative;
		cursor: pointer; 
		behavior: url(../js/plugins/PIE.htc);
		margin:0px;
		vertical-align:top;
		font-weight:bold!important;
		padding:0px 4px!important;
		height:2em;		
		line-height:2em!important;
		border:0px;
		font-size:13px!important;
	}
	
	button:focus, input[type="submit"]:focus, input[type="button"]:focus, .button:focus {outline:none; }
	/* remove moz padding and outline on buttons in FF */
	button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, .button::-moz-focus-inner {border:none; padding:0px;}
		 
	.button:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover {background:#DF830D url(images/overlay.png) repeat-x 0 0;}

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.