diff --git a/bin/css/form.css b/bin/css/form.css index 13d4bf8ba1e8d0ee04754355db388c4f1d5e933a..e9222466487ca1ce01dfcbd034e1735e515012e9 100644 --- a/bin/css/form.css +++ b/bin/css/form.css @@ -21,7 +21,6 @@ select { background-image: url("../images/arrow-select.svg"); background-position: calc(100% - 10px) center; background-repeat: no-repeat; - background-size: 20px auto; background-size: 8px; height: 40px; padding-bottom: 0; @@ -58,6 +57,28 @@ textarea:focus { border-color: #a9a8a5; } +/* disabled */ +:is( + input:where(:not([type])), + [type='text'], + [type='email'], + [type='url'], + [type='password'], + [type='number'], + [type='date'], + [type='datetime-local'], + [type='month'], + [type='search'], + [type='tel'], + [type='time'], + [type='week'], + [multiple], + textarea, + select +):where([disabled]) { + opacity: 0.6; +} + /* iOs input search fix */ input[type="search"] { -webkit-appearance: none;