40 lines
941 B
CSS
40 lines
941 B
CSS
/* register-autofill.css */
|
|
/* Autocomplete/Datalist Styling */
|
|
input::-webkit-calendar-picker-indicator {
|
|
filter: invert(1);
|
|
}
|
|
|
|
/* Browser autocomplete styling */
|
|
input:-webkit-autofill,
|
|
input:-webkit-autofill:hover,
|
|
input:-webkit-autofill:focus {
|
|
-webkit-text-fill-color: #fff;
|
|
-webkit-box-shadow: 0 0 0px 1000px rgba(50, 50, 70, 0.5) inset;
|
|
transition: background-color 5000s ease-in-out 0s;
|
|
border: 2px solid rgba(100, 100, 120, 0.3);
|
|
}
|
|
|
|
input:-webkit-autofill:focus {
|
|
border-color: #00d9ff;
|
|
}
|
|
|
|
/* Datalist dropdown styling - limited due to browser restrictions */
|
|
datalist {
|
|
background-color: rgba(30, 0, 50, 0.95);
|
|
}
|
|
|
|
option {
|
|
background-color: rgba(30, 0, 50, 0.95);
|
|
color: #fff;
|
|
padding: 10px;
|
|
}
|
|
|
|
/* For Firefox */
|
|
input::-moz-list-thumbnail {
|
|
background-color: rgba(30, 0, 50, 0.95);
|
|
}
|
|
|
|
/* Custom styling for dropdown suggestion */
|
|
input[list]::-webkit-list-button {
|
|
color: #00d9ff;
|
|
} |