I had the same issue, so I swapped it from using outline to use a box-shadow:
box-shadow: 0px 0px 0px 1px #FFF;
instead of
outline:1px #dcdcdc solid;
More Related Contents:
- What is the correct “-moz-appearance” value to hide dropdown arrow of a element
- Custom CSS Scrollbar for Firefox
- Image scaling by CSS: is there a webkit alternative for -moz-crisp-edges?
- How can I force WebKit to redraw/repaint to propagate style changes?
- How to remove the border highlight on an input text element
- Does Firefox support position: relative on table elements?
- How can I get FF 33.x Flexbox behavior in FF 34.x? [duplicate]
- What are -moz- and -webkit-? [duplicate]
- Remove extra button spacing/padding in Firefox
- Disable webkit’s spin buttons on input type=”number”?
- CSS transition shorthand with multiple properties?
- CSS endless rotation animation
- Webkit backface visibility not working
- Borders not shown in Firefox with border-collapse on table, position: relative on tbody, or background-color on cell
- Fonts looks different in Firefox and Chrome
- How do I Make Firefox Print a Background-Color Style?
- Why does stacking order change on webkit filter hover?
- Percentage padding / margin on grid item ignored in Firefox
- What does @-moz-document url-prefix() do?
- Wonky text anti-aliasing when rotating with webkit-transform in Chrome
- background-attachment fixed with transform not working in Firefox
- Delay mouseout/hover with CSS3 transitions
- SVG Fill not being applied in FireFox
- How do I remove all default Webkit search field styling?
- Tint image using CSS without overlay
- Firefox sets wrong caret position contentEditable with :before
- webkit transform blocking link
- Ellipsis in flexbox container [duplicate]
- filter: blur(1px); doesn’t work in Firefox, Internet Explorer, and Opera
- :nth-letter pseudo-element is not working [closed]