[Webkit-unassigned] [Bug 187808] New: CSS rule not applied for non-button elements with -webkit-appearance set to 'button'

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=187808

            Bug ID: 187808
           Summary: CSS rule not applied for non-button elements with
                    -webkit-appearance set to 'button'
           Product: WebKit
           Version: Safari 11
          Hardware: Macintosh
                OS: macOS 10.13
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: yogesh.mangaj at gmail.com

Created attachment 345351

  --> https://bugs.webkit.org/attachment.cgi?id=345351&action=review

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.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20180719/25bf12b2/attachment.html>