ladybird
ladybird copied to clipboard
Published
20 hours ago •
LadybirdBrowser
LadybirdBrowser
css: can't apply color in :hover pseudo selector
Summary
color css property doesn't work in :hover pseudo class.
Operating system
macOS
Steps to reproduce
- Open the reduced test case
- Move the mouse over the button
Expected behavior
The text should turn red.
Actual behavior
The text stays black.
URL for a reduced test case
N/A
HTML/SVG/etc. source for a reduced test case
<html>
<body>
<style type="text/css">
button:hover{
color:red
}
</style>
<body>
<button>Hover Me!</button>
Log output and (if possible) backtrace
N/A
Screenshots or screen recordings
Chrome:
Ladybird:
Build flags or config settings
No response
Contribute a patch?
- [ ] I’ll contribute a patch for this myself.
I think you have forgotten to give semicolon(;) after red.So I guess that's the issue.
I think you have forgotten to give semicolon(;) after red.So I guess that's the issue.
That doesn't affect the outcome. CSS doesn't require a semicolon if there isn't another property after it.
