RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-28 03:27:44 +00:00
Code Issues Activity Actions

LibWeb: Allow <input type="button/submit/reset"> to be styled

Browse source 
Previously we used a native ui button to draw the buttons.
These buttons can however not be styled with css.
To allow these to be styled with css, we create a button with
the UA stylesheet that resembles the system ui button.
This commit is contained in:
Vrins 2022-02-21 02:16:21 +01:00 • committed by Linus Groh
parent c8f6a20c02
commit a8cfb34551
3 changed files with 16 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

9
Userland/Libraries/LibWeb/CSS/Default.css
View file

@ -237,6 +237,15 @@ input[type=submit], input[type=button], input[type=reset], input[type=checkbox],
cursor: unset;
}
input[type=submit], input[type=button], input[type=reset] {
padding: 4px 8px;
background-color: -libweb-palette-button;
border: 1px solid -libweb-palette-threed-shadow1;
}
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover {
background-color: -libweb-palette-hover-highlight;
}
option {
display: none;
}