Bug 231943
| Summary: | !important should be taken in account by @keyframes | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Tim Nguyen (:ntim) <ntim> |
| Component: | Animations | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED DUPLICATE | ||
| Severity: | Normal | CC: | dino, graouts, koivisto, simon.fraser, webkit-bug-importer |
| Priority: | P2 | Keywords: | InRadar |
| Version: | WebKit Nightly Build | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
| URL: | data:text/html,<style>@keyframes hello {from {color: red;}to {color: orange;}}::marker {animation: hello 1s infinite;color: green !important;}</style><ul><li>hello</li></ul> | ||
| See Also: | https://bugs.webkit.org/show_bug.cgi?id=210963 | ||
Tim Nguyen (:ntim)
<style>
@keyframes hello {
from {
color: red;
}
to {
color: orange;
}
}
::marker {
animation: hello 1s infinite;
color: green !important;
}
</style>
<ul>
<li>hello</li>
</ul>
---
The marker is green in Firefox & Chrome, animates from red to orange in WebKit.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/84407795>
Antti Koivisto
Note that this problem is not specific to pseudo elements.
Antti Koivisto
*** This bug has been marked as a duplicate of bug 210963 ***