CSS rule not applied for non-button elements with -webkit-appearance set to 'button'

• Component: CSS
• Status: RESOLVED INVALID

[Yogesh Mangaj]

Created attachment 345351 [details]
Screenshot across multiple webkit based browser vs Firefox gecko

CSS rule that changes background is not being applied for on a non-button element.

To reproduce, use the following example (available at https://next.plnkr.co/edit/wYsCEVvT3eJgSRre?preview) -
HTML:
```
<div class="btn" type="submit">Hello world</div>
<button class="btn" type="submit">Hello world</div>
```

CSS:
```
[type="submit"].btn {
  background-color: red;
}

[type="submit"] {
     -webkit-appearance: button;
}
```

The div.btn does not have a red background, expected that it should have a red background.

[Simon Pieters (:zcorpan)]

background-color only disables appearance on actual buttons, not divs. I think this is reasonable/by design. If you want the 'none' appearance on a div, don't set it to 'button'.

[Brent Fulgham]

We believe the current behavior is correct. If standards have been changed recently, please REOPEN this bug with relevant details.