mirror_css/98.css
1
0
Fork 0
mirror of https://github.com/jdan/98.css.git synced 2025-08-15 02:14:11 +02: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
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> <label for="text${getNewId()}">Favorite Number</label>
<input id="text${getCurrentId()}" type="number" value="98"/> <input id="text${getCurrentId()}" type="number" value="98"/>
</div> </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> </div>

8
style.css
View File

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