mirror_css/css-water.css
1
0
Fork 0
mirror of https://github.com/kognise/water.css.git synced 2025-08-13 08:34:45 +02:00
Code Issues Releases Wiki Activity

Merge pull request #240 from itsdeekay/resetButton

Browse Source
This commit is contained in:
Jonas
2021-01-08 20:57:32 +01:00
committed by GitHub
parent 83e916f66c 1f1168c6b6
commit 8adf0d1787
3 changed files with 10 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/nine-scissors-live.md Normal file
View File

@@ -0,0 +1,5 @@
---
"water.css": patch
---
Added styling for Input type Reset

1
docs/index.html
View File

@@ -231,6 +231,7 @@
<label for="remember">Remember me</label> <label for="remember">Remember me</label>
<input type="submit" value="Submit" /> <input type="submit" value="Submit" />
<input type="reset" value="Reset" />
</form> </form>
<h3 id="code">Code</h3> <h3 id="code">Code</h3>

4
src/parts/_forms.css
View File

@@ -1,6 +1,7 @@
button, button,
select, select,
input[type='submit'], input[type='submit'],
input[type='reset'],
input[type='button'], input[type='button'],
input[type='checkbox'], input[type='checkbox'],
input[type='range'], input[type='range'],
@@ -96,6 +97,7 @@ select[multiple] {
button, button,
input[type='submit'], input[type='submit'],
input[type='reset'],
input[type='button'] { input[type='button'] {
padding-right: 30px; padding-right: 30px;
padding-left: 30px; padding-left: 30px;
@@ -103,6 +105,7 @@ input[type='button'] {
button:hover, button:hover,
input[type='submit']:hover, input[type='submit']:hover,
input[type='reset']:hover,
input[type='button']:hover { input[type='button']:hover {
background: var(--button-hover); background: var(--button-hover);
} }
@@ -117,6 +120,7 @@ textarea:focus {
input[type='checkbox']:active, input[type='checkbox']:active,
input[type='radio']:active, input[type='radio']:active,
input[type='submit']:active, input[type='submit']:active,
input[type='reset']:active,
input[type='button']:active, input[type='button']:active,
input[type='range']:active, input[type='range']:active,
button:active { button:active {