SHARE
TWEET

Untitled

a guest Oct 20th, 2019 68 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. body {
  2.     width: 100vw;
  3.     height: 100vh;
  4.     margin: 0;
  5.     padding: 0;
  6.     display: flex;
  7.     align-items: center;
  8.     justify-content: center;
  9.     background: #666;
  10.     font-family: Arial, Helvetica, sans-serif;
  11. }
  12.  
  13. input {
  14.     height: 40px;
  15.     width: 300px;
  16.     padding: 0 12px;
  17.     border: 1px solid white;
  18. }
  19.  
  20. #autocomplete {
  21.     position: relative;
  22. }
  23.  
  24. .optionlist {
  25.     display: flex;
  26.     flex-direction: column;
  27.     position: absolute;
  28.     width: 100%;
  29.     height: 350px;
  30.     overflow: auto;
  31.     overflow-x: hidden;
  32.     top: 100%;
  33.     left: 0;
  34. }
  35.  
  36. .optionlist .option {
  37.     cursor: pointer;
  38.     border-top: 1px solid #ccc;
  39.     box-sizing: border-box;
  40.     width: 100%;
  41.     padding: 12px;
  42.     background: white;
  43.     font-size: 14px;
  44.     white-space: nowrap;
  45.     text-overflow: ellipsis;
  46. }
  47.  
  48. .optionlist .option:hover {
  49.     background: #ccc;
  50. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top