You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

25 lines
847 B

4 years ago
  1. .combobox {
  2. position: relative; }
  3. .combobox input {
  4. padding-right: 36px; }
  5. .combobox select {
  6. position: absolute;
  7. top: 0;
  8. right: 0;
  9. width: 32px;
  10. height: 100%;
  11. z-index: 2;
  12. opacity: 0;
  13. cursor: pointer; }
  14. .combobox .combobox-caret {
  15. position: absolute;
  16. z-index: 1;
  17. top: 0;
  18. right: 0;
  19. width: 32px;
  20. height: 100%;
  21. background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="12" viewBox="0 0 9 12"><path fill="rgba(0, 0, 0, .4)" d="M0.722,4.823L-0.01,4.1,4.134-.01,4.866,0.716Zm7.555,0L9.01,4.1,4.866-.01l-0.732.726ZM0.722,7.177L-0.01,7.9,4.134,12.01l0.732-.726Zm7.555,0L9.01,7.9,4.866,12.01l-0.732-.726Z"/></svg>');
  22. background-repeat: no-repeat;
  23. background-position-y: 50%;
  24. background-position-x: 50%;
  25. cursor: pointer; }