Update client CSS for Chrome

This commit is contained in:
RunasSudo 2021-01-05 19:55:54 +11:00
parent 36a4e2a9d1
commit 784b21eac7
Signed by: RunasSudo
GPG Key ID: 7234E476BF21C61A

View File

@ -89,7 +89,25 @@ select {
padding-right: 20px; /* Padding for dropdown arrow */ padding-right: 20px; /* Padding for dropdown arrow */
} }
button, input[type="file"]::file-selector-button { button, input[type="file"]::-webkit-file-upload-button {
background-color: #f0f0f0;
border: 1px solid;
border-color: #ddd #bbb #999;
border-radius: 4px;
color: #000;
font-family: inherit;
padding: 2px 10px;
}
button:hover, input[type="file"]::-webkit-file-upload-button:hover {
background-color: #eaeaea;
}
button:active, input[type="file"]::-webkit-file-upload-button:active {
background-color: #dfdfdf;
border-color: #999 #bbb #ddd;
}
/* Chrome can't parse this and ignores the entire rule */
input[type="file"]::file-selector-button {
background-color: #f0f0f0; background-color: #f0f0f0;
border: 1px solid; border: 1px solid;
border-color: #ddd #bbb #999; border-color: #ddd #bbb #999;
@ -122,6 +140,9 @@ input[type="checkbox"]:checked {
background-size: contain; background-size: contain;
} }
button:focus, select:focus, input:focus {
outline: 0;
}
select:focus, input:focus { select:focus, input:focus {
border-color: #3daee9; border-color: #3daee9;
} }