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;
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?
- Chrome / Safari not filling 100% height of flex parent
- How can I force WebKit to redraw/repaint to propagate style changes?
- Targeting only Firefox with CSS
- How to remove the border highlight on an input text element
- CSS @font-face not working with Firefox, but working with Chrome and IE
- How to style HTML5 range input to have different color before and after slider?
- Does Firefox support position: relative on table elements?
- How can I get FF 33.x Flexbox behavior in FF 34.x? [duplicate]
- How to remove Firefox’s dotted outline on BUTTONS as well as links?
- css3 transition animation on load?
- What is WebKit and how is it related to CSS?
- css z-index lost after webkit transform translate3d
- What are -moz- and -webkit-? [duplicate]
- Amazon S3 CORS (Cross-Origin Resource Sharing) and Firefox cross-domain font loading
- Preventing scroll bars from being hidden for MacOS trackpad users in WebKit/Blink
- :not() selector not behaving the same between Safari and Chrome/Firefox
- Disable webkit’s spin buttons on input type=”number”?
- CSS transition shorthand with multiple properties?
- WebKit: Blurry text with css scale + translate3d
- Custom Cursor Image CSS
- Background-image in keyframe does not display in Firefox or Internet Explorer
- Fixed element disappears in Chrome
- 3D CSS transform, jagged edges in Firefox
- Remove extra button spacing/padding in Firefox
- CSS endless rotation animation
- How to prevent Webkit text rendering change during CSS transition
- firefox overflow-y not working with nested flexbox
- Webkit CSS to control the box around the color in an input[type=color]?
- Font-size issues comparing chrome and Firefox
- Prevent flex item from exceeding parent height and make scroll bar work
- Percentage padding / margin on grid item ignored in Firefox
- CSS3 property webkit-overflow-scrolling:touch ERROR
- filter: blur(1px); doesn’t work in Firefox, Internet Explorer, and Opera
- ‘Inverted’ border-radius possible? [duplicate]
- Hidden scrollbars in Firefox (allows scrolling but just no scrollbar)
- How to hide scrollbar in Firefox?
- How can I zoom an HTML element in Firefox and Opera?
- Fonts looks different in Firefox and Chrome
- How do I Make Firefox Print a Background-Color Style?
- How to force re-render after a WebKit 3D transform in Safari
- Faster way to develop and test print stylesheets (avoid print preview every time)?
- Ellipsis in flexbox container [duplicate]
- What does @-moz-document url-prefix() do?
- Scrollbar color change in Firefox
- Hide Up & Down Arrow Buttons (Spinner) in Input Number – Firefox 29
- Downloadable font on firefox: bad URI or cross-site access not allowed
- Wonky text anti-aliasing when rotating with webkit-transform in Chrome