autocompleter.css 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. .autocompleter {
  2. left: 0;
  3. top: 37px;
  4. width: 100%;
  5. z-index: 100;
  6. background: #fff;
  7. position: absolute;
  8. }
  9. .autocompleter, .autocompleter-hint {
  10. position: absolute
  11. }
  12. .autocompleter-focus .autocompleter-list {
  13. border: 1px solid #c9c9c9;
  14. border-bottom-left-radius: 2px;
  15. border-bottom-right-radius: 2px;
  16. }
  17. .autocompleter-list {
  18. margin: 0;
  19. padding: 0;
  20. text-align: left;
  21. list-style: none;
  22. box-sizing: border-box;
  23. -webkit-box-sizing: border-box;
  24. }
  25. .autocompleter-item {
  26. color: #444;
  27. cursor: pointer;
  28. padding: 6px 12px;
  29. }
  30. .autocompleter-item strong {
  31. color: #00B83F;
  32. font-weight: 400;
  33. }
  34. .autocompleter-item span {
  35. color: #aaa
  36. }
  37. .autocompleter-item:hover,
  38. .autocompleter-item-selected {
  39. color: #fff;
  40. background: #009688 !important;
  41. }
  42. .autocompleter-item:hover span,
  43. .autocompleter-item:hover strong,
  44. .autocompleter-item-selected span,
  45. .autocompleter-item-selected strong {
  46. color: #fff;
  47. }
  48. .autocompleter-hint {
  49. left: 0;
  50. top: -56px;
  51. width: 100%;
  52. color: #ccc;
  53. display: none;
  54. font-size: 24px;
  55. text-align: left;
  56. font-weight: 400;
  57. padding: 12px 12px 12px 13px;
  58. }
  59. .autocompleter-hint span {
  60. color: transparent
  61. }
  62. .autocompleter-hint-show {
  63. display: block
  64. }
  65. .autocompleter-closed {
  66. display: none
  67. }