Closed Bug 1703381 Opened 4 years ago Closed 4 years ago

border or border-radius causes <button> background to disappear

Categories

(Core :: Layout: Form Controls, defect)

Product:
Core
Component:
Layout: Form Controls
Version:
Firefox 87
Type:
defect

Tracking

()

Status:
RESOLVED DUPLICATE of bug 1405708

People

(Reporter: austin, Unassigned)

References

Details

User Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:87.0) Gecko/20100101 Firefox/87.0

Steps to reproduce:

When adding a <button> to a page, it has a default background color. If you add a border or border-radius CSS property, the background will disappear any time you hover over the button.

Actual results:

The background color of the button becomes transparent on hover:

https://jsfiddle.net/k4mos71f/1/

Expected results:

The background color should remain unaffected by border or border-radius properties.

See Also: → 1405708

Hi Austin,
Seems like this is the same issue as Bug 1405708, linux specific. Marked that issue as new, please see that bug to track progress on it. Thanks!

Status: UNCONFIRMED → RESOLVED
Closed: 4 years ago
Component: Untriaged → Layout: Form Controls
Product: Firefox → Core
Resolution: --- → DUPLICATE

No, this one is different. That one is because of linux theme colors. This one is more odd. Doesn't seem to happen on nightly though.

Status: RESOLVED → REOPENED
Ever confirmed: true
Resolution: DUPLICATE → ---

Ah, hold up, it is bug 1405708. Will fix.

Status: REOPENED → RESOLVED
Closed: 4 years ago → 4 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.