แก้ไข css ให้เหมือนทะเบียนสมาชิก

This commit is contained in:
Nakorn Rientrakrunchai
2021-01-31 12:48:43 +07:00
parent 381369e397
commit ad42205726
3 changed files with 67 additions and 20 deletions

View File

@@ -30,4 +30,44 @@ select:disabled {
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
}
}
/*=================My Auto Complete==================*/
/*the container must be positioned relative:*/
.autocomplete {
position: relative;
display: inline-block;
}
.my_autocomplete-items {
position: absolute;
border: 1px solid #d4d4d4;
border-bottom: none;
border-top: none;
z-index: 99;
/*position the autocomplete items to be the same width as the container:*/
top: 100%;
left: 0;
right: 0;
}
.my_autocomplete-items div {
padding: 10px;
cursor: pointer;
background-color: #fff;
border-bottom: 1px solid #d4d4d4;
}
/*when hovering an item:*/
.my_autocomplete-items div:hover {
background-color: #e9e9e9;
}
/*when navigating through the items using the arrow keys:*/
.my_autocomplete-active {
background-color: DodgerBlue !important;
color: #ffffff;
}