Posted By

Tagged

Versions (?)

Advertising

Website Promotion DIRECTORY is a crucial factor for all websites that need to gain better organic search engine rankings and increase website traffic.
Submitting your website as part of your Web Promotion strategy to our SEO friendly and high traffic Business Directory for review is an excellent way to gain a valuable backlink and increase your websites visibility online.

Reset Button Tag

Published in: CSS

Inspired by http://particletree.com/features/rediscovering-the-button-element/

Expand | Embed | Plain Text

<!DOCTYPE html>
<html>
<head>
	<title>Reset Button Tag</title>
 
	<style type="text/css">
		button { background: none; border: none; margin: 0; padding: 0; font-size: 0; line-height: 0; width: auto; overflow: visible; }
		button div { border: 1px solid; font-size: 12px; line-height: 12px; }
	</style>
</head>
 
<body>
	<form><button type="submit"><div>Hello</div></button></form>
 
	<!-- By zeroing out the button completely and applying styles to the inner div, you avoid a lot of cross-browser height/width inconsistencies. -->
</body>
</html>

Report this snippet

Comments

Subscribe to comments

Posted By: cssbutton on November 20, 2009

Forgot to add: button::-moz-focus-inner { border: 0; padding: 0; }

(From http://www.aheadcreative.com/removing-unwanted-button-padding-in-firefox/)

Comment: