Adjust CSS to suppress webkit-autofill style

Signed-off-by: Christian König <ckoenig@posteo.de>
This commit is contained in:
Christian König
2022-12-27 23:19:54 +01:00
parent 9a56e8e723
commit dac2731e33
4 changed files with 36 additions and 2 deletions

View File

@@ -504,6 +504,16 @@ div.dataTables_wrapper div.dataTables_length select {
color: #bec5cb;
border: 1px solid #3d444b;
}
/*** Overwrite chrome's input field auto-filling ***/
input:-webkit-autofill,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
-webkit-text-fill-color: #bec5cb !important;
-webkit-box-shadow: 0 0 0px 1000px #353c42 inset;
transition: background-color 1s ease-in-out 0s;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {

View File

@@ -56,11 +56,15 @@ table {
color: #b2aba1;
opacity: 0.5 !important;
}
/*** Overwrite chrome's input field auto-filling ***/
input:-webkit-autofill,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
background-color: #555b00 !important;
color: #e8e6e3 !important;
-webkit-text-fill-color: #b2aba1 !important;
-webkit-box-shadow: 0 0 0px 1000px #181a1b inset;
transition: background-color 1s ease-in-out 0s;
}
::-webkit-scrollbar {
background-color: #202324;

View File

@@ -291,3 +291,13 @@ td.highlight {
border-color: #337ab7;
color: #fff;
}
/*** Overwrite chrome's input field auto-filling ***/
input:-webkit-autofill,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
-webkit-text-fill-color: #666 !important;
-webkit-box-shadow: 0 0 0px 1000px #fff inset;
transition: background-color 1s ease-in-out 0s;
}

View File

@@ -285,6 +285,16 @@ div.dataTables_wrapper div.dataTables_length select {
border-radius: 8px;
}
/*** Overwrite chrome's input field auto-filling ***/
input:-webkit-autofill,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
-webkit-text-fill-color: #fff !important;
-webkit-box-shadow: 0 0 0px 1000px #000 inset;
transition: background-color 1s ease-in-out 0s;
}
input.form-control,
textarea.form-control {
border-radius: 8px;