.custom-select
 { position : relative;
   font-family : Arial, sans-serif;
   display : inline-block;
   width : 100%;
 }
.custom-select::after {
  content : "▼";
  position : absolute;
  right : 5px;
  top : 50%;
  transform : translateY(-50%);
  pointer-events : none;
  font-size : 12px;
  color : #555;
}
.custom-select .options
 { list-style : none;
   margin : 0;
   padding : 0;
   border : 1px solid #ccc;
   max-height : 150px;
   overflow-y : auto;
   display : none;
   position : absolute;
   width : max-content;
   min-width : 100%;
   background : #fff;
   z-index : 10;
 }
.custom-select .options li
 { padding : 8px 22px 8px 8px;
   cursor : pointer;
   font-weight : normal;
 }
.custom-select .options li:hover
 { background : #f0f0f0;
 }
.custom-select .options li.active
 { background : #e0e0e0;
 }