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

LibWeb: Hide select chevron icon when appearance: none;

Browse source
This commit is contained in:
Bastiaan van der Plaat 2023-12-20 18:21:32 +01:00 • committed by Andreas Kling
parent 29ee576345
commit c30911ab10
6 changed files with 46 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

21
Base/res/html/misc/select.html
View file

@ -4,6 +4,16 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Select showcase</title>
<style>
.custom {
border: 1px solid rgba(0, 0, 0, 0.5);
border-radius: 8px;
appearance: none;
padding: 8px 16px;
background-color: #088;
color: #fff;
}
</style>
</head>
<body>
<p>Basic select:</p>
@ -33,6 +43,17 @@
Value: <span id="b-value">?</span>
</p>
<p>Basic select with custom styling:</p>
<p>
<select class="custom">
<option value="one">One</option>
<option value="two">Two</option>
<option value="three">Three</option>
<option value="four">Four</option>
<option value="five">Five</option>
</select>
</p>
<p>Basic select with option groups and separators:</p>
<p>
<select onchange="document.getElementById('c-value').textContent = this.value">