.autocompleter{ position: absolute; z-index: 999; max-height: 250px; background: #fff; box-shadow: 0 2px 2px 0px rgba(0,0,0,.5); overflow-y: scroll; scrollbar-color: #505050 #999999; scrollbar-width:thin; visibility: hidden; opacity: 0; transition-property: opacity; } .autocompleter::-webkit-scrollbar { width: 3px; background-color: #999999; } .autocompleter::-webkit-scrollbar-thumb { background: #505050; } .autocompleter_visible{ visibility: visible; opacity: 1; } #autocomplete_input_result0 + label{ padding: 0; } .autocompleter label{ float: left; width: 100%; padding:3px 5px; transition-property: background,color; } form .autocompleter label{ border: none; font-size: 0.8rem; } .autocompleter input{ position: absolute; display: block; z-index: -1; opacity: 0; width: 0; } .autocompleter input:checked + label,form .autocompleter label:hover{ background:var(--color); color:#fff; }