fix: add styles for input elements with "reset" and "button" types

This commit is contained in:
Dorian Niemiec 2024-12-27 20:00:25 +01:00
parent 3ef0afdb6f
commit 8d5500cbf5

View file

@ -248,6 +248,8 @@ form.search-form input[name="q"] {
} }
form.search-form input[type="submit"], form.search-form input[type="submit"],
form.search-form input[type="reset"],
form.search-form input[type="button"],
form.search-form button { form.search-form button {
-webkit-flex-shrink: 0; -webkit-flex-shrink: 0;
-ms-flex-negative: 0; -ms-flex-negative: 0;
@ -314,6 +316,8 @@ input[type="radio"]+label {
} }
input[type="submit"], input[type="submit"],
input[type="reset"],
input[type="button"],
button, button,
.btn { .btn {
display: inline-block; display: inline-block;
@ -333,6 +337,8 @@ button,
} }
input[type="submit"]:hover, input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover, button:hover,
.btn:hover { .btn:hover {
background-color: #2cac5b; background-color: #2cac5b;
@ -882,6 +888,8 @@ form.form .form-captcha-container div {
header nav ul li a, header nav ul li a,
header nav ul li form input[type="submit"], header nav ul li form input[type="submit"],
header nav ul li form input[type="reset"],
header nav ul li form input[type="button"],
header nav ul li form button { header nav ul li form button {
background-color: inherit; background-color: inherit;
color: #f2f2f2; color: #f2f2f2;
@ -896,6 +904,8 @@ form.form .form-captcha-container div {
header nav ul li a:hover, header nav ul li a:hover,
header nav ul li form input[type="submit"]:hover, header nav ul li form input[type="submit"]:hover,
header nav ul li form input[type="reset"]:hover,
header nav ul li form input[type="button"]:hover,
header nav ul li form button:hover { header nav ul li form button:hover {
background-color: #292524; background-color: #292524;
color: #f2f2f2; color: #f2f2f2;
@ -928,6 +938,8 @@ form.form .form-captcha-container div {
} }
input[type="submit"], input[type="submit"],
input[type="reset"],
input[type="button"],
button, button,
.btn { .btn {
background-color: #22c55e; background-color: #22c55e;
@ -935,6 +947,8 @@ form.form .form-captcha-container div {
} }
input[type="submit"]:hover, input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover, button:hover,
.btn:hover { .btn:hover {
background-color: #21b356; background-color: #21b356;