Add this:
button::-moz-focus-inner {
padding: 0;
border: 0
}
http://jsfiddle.net/thirtydot/Z2BMK/1/
Including the border
rule above is necessary for buttons to look the same in both browsers, but also it removes the dotted outline when the button is active
in Firefox. Lots of developers get rid of this dotted outline, optionally replacing it with something more visually friendly.
Related Contents:
- Targeting only Firefox with CSS
- How to remove Firefox’s dotted outline on BUTTONS as well as links?
- Custom CSS Scrollbar for Firefox
- How to make button look like a link?
- Hide Up & Down Arrow Buttons (Spinner) in Input Number – Firefox 29
- How to remove outline border from input button
- CSS @font-face not working with Firefox, but working with Chrome and IE
- Faster way to develop and test print stylesheets (avoid print preview every time)?
- Preventing an image from being draggable or selectable without using JS
- Does Firefox support position: relative on table elements?
- Amazon S3 CORS (Cross-Origin Resource Sharing) and Firefox cross-domain font loading
- Align button at the bottom of div using CSS
- Replace input type=file by an image
- The ‘justify-content’ property isn’t working
- How to hide scrollbar in Firefox?
- Button Center CSS
- Ellipsis in flexbox container [duplicate]
- How can I inspect and tweak :before and :after pseudo-elements in-browser?
- How to increase the clickable area of an anchor or button element?
- Styling twitter bootstrap buttons
- Borders not shown in Firefox with border-collapse on table, position: relative on tbody, or background-color on cell
- What does @-moz-document url-prefix() do?
- How to increase the clickable area of a tag button?
- Spacing between thead and tbody
- How can I zoom an HTML element in Firefox and Opera?
- X close button only using css
- Spacing between flexbox items
- firefox overflow-y not working with nested flexbox
- Remove dotted outline from range input element in Firefox
- SVG data image not working as a background-image in a pseudo element
- How to stop user agent stylesheets from overriding my css
- What is the correct “-moz-appearance” value to hide dropdown arrow of a element
- Why isn’t my justify-content property working?
- 3D CSS transform, jagged edges in Firefox
- What disadvantages are there to the tag?
- CSS change button style after click
- Circle button css
- input type=submit text vertical alignment in Firefox
- Flash of unstyled content (FOUC) in Firefox only? Is FF slow renderer?
- Firefox float bug? How do I get my float:right on the same line?
- How do I investigate a “style sheet could not be loaded” message in Firefox?
- Firefox ignores padding when using overflow:scroll
- How to get a responsive button in bootstrap 3
- Overflow: overlay doesn’t work in firefox
- Center text in div?
- Force visible scrollbar in Firefox on Mac OS X
- Hidden scrollbars in Firefox (allows scrolling but just no scrollbar)
- Better way to set distance between flexbox items
- How to make Twitter Bootstrap menu dropdown on hover rather than click
- text flowing out of div