CSS & Button: How to override native CSS of html buttons element?

button, css, user-agent

Solution

Either use a CSS Reset, or set the border and outline to `none`.

border: none;
outline: none;

http://jsfiddle.net/bkWNw/5/

Problem

I try to apply to buttons an elegant CSS style I found. I need to keep buttons for semantic/accessibility reasons. But my nice CSS is conflicting with the button elements' native CSS style, and loosing to it. How to override the natural CSS of html buttons' elements ? ``` /* CSS works for buttonis, doesn't work for buttons*/ button.btn, buttoni.btn { ... } ``` http://jsfiddle.net/bkWNw/3/ Edit: The buttons element should look exactly like the buttonis elements.

Original source