[Webkit-unassigned] [Bug 221089] New: Property background-clip: text; does not work on button tags
bugzilla-daemon at webkit.org
bugzilla-daemon at webkit.org
Thu Jan 28 08:41:27 PST 2021
https://bugs.webkit.org/show_bug.cgi?id=221089
Bug ID: 221089
Summary: Property background-clip: text; does not work on
button tags
Product: WebKit
Version: Safari 14
Hardware: All
OS: All
Status: NEW
Severity: Normal
Priority: P2
Component: CSS
Assignee: webkit-unassigned at lists.webkit.org
Reporter: brian.gonzalezp at gmail.com
Created attachment 418646
--> https://bugs.webkit.org/attachment.cgi?id=418646&action=review
Expected (Chrome)
* Given the HTML:
<a>This is an anchor</a>
<br />
<button>This is a button</button>
* And the CSS:
button, a {
font-size: 5rem;
display: inline-block;
color: transparent;
background-image: url('https://images.unsplash.com/photo-1579546929662-711aa81148cf?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1950&q=80');
background-size: 100% 100%;
/* Problematic on Safari: */
-webkit-background-clip: text;
}
Webkit does not seem to respect the background-clip: text; property, when applied to a button tag.
This does not seem to be an issue on other major browsers.
--
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/20210128/a08653ff/attachment.htm>
More information about the webkit-unassigned
mailing list