mirror_css/98.css
1
0
Fork 0
mirror of https://github.com/jdan/98.css.git synced 2025-01-17 04:38:30 +01:00
Code Issues Releases Wiki Activity

Add support for input type search

Browse Source
This commit is contained in:
Agustin 2023-10-06 17:36:55 -03:00
parent 56ef2f7d6d
commit fcbd90222e
2 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
docs/index.html.ejs
View File

@ -427,6 +427,10 @@
<label for="text${getNewId()}">Favorite Number</label>
<input id="text${getCurrentId()}" type="number" value="98"/>
</div>
<div class="field-row-stacked" style="width: 200px">
<label for="text${getNewId()}">Search</label>
<input id="text${getCurrentId()}" type="search" value="98 css"/>
</div>
`) %>
</div>

8
style.css
View File

@ -448,6 +448,7 @@ input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="search"],
select,
textarea {
padding: 3px 4px;
@ -465,6 +466,7 @@ input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
select {
height: 21px;
}
@ -477,7 +479,8 @@ input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"] {
input[type="number"],
input[type="search"] {
/* For some reason descenders are getting cut off without this */
line-height: 2;
}
@ -487,11 +490,13 @@ input[type="tel"]:disabled,
input[type="password"]:disabled,
input[type="text"]:disabled,
input[type="number"]:disabled,
input[type="search"]:disabled,
input[type="email"]:read-only,
input[type="tel"]:read-only,
input[type="password"]:read-only,
input[type="text"]:read-only,
input[type="number"]:read-only,
input[type="search"]:read-only,
textarea:disabled {
background-color: var(--surface);
}
@ -514,6 +519,7 @@ input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
textarea:focus {
outline: none;
}