mirror_css/98.css
1
0
Fork 0
mirror of https://github.com/jdan/98.css.git synced 2025-08-11 16:34:04 +02:00
Code Issues Releases Wiki Activity

select focus style

Browse Source
This commit is contained in:
Jordan Scales
2020-04-18 11:10:45 -04:00
parent ef88386825
commit 0e9c29ab58
2 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
docs/index.html
View File

@@ -33,7 +33,7 @@
<fieldset> <fieldset>
<legend>I think it's</legend> <legend>I think it's</legend>
<div class="field-row"> <div class="field-row">
<input id="cool" type="radio" value="cool" name="answer"> <input checked id="cool" type="radio" value="cool" name="answer">
<label for="cool">Cool</label> <label for="cool">Cool</label>
</div> </div>
@@ -43,7 +43,7 @@
</div> </div>
<div class="field-row"> <div class="field-row">
<input checked disabled id="idk" type="radio" value="idk" name="answer"> <input disabled id="idk" type="radio" value="idk" name="answer">
<label for="idk">Idk</label> <label for="idk">Idk</label>
</div> </div>

9
style.css
View File

@@ -328,6 +328,15 @@ textarea:focus {
outline: none; outline: none;
} }
select:focus {
color: var(--button-highlight);
background-color: var(--dialog-blue);
}
select:focus option {
color: #000;
background-color: #fff;
}
select:active { select:active {
background-image: url("./button-down-active.svg"); background-image: url("./button-down-active.svg");
} }