dropdown.css 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. /*
  2. layui 下拉框控件的css。
  3. 作者: Microanswer
  4. */
  5. /* 加载就绪标志 */
  6. html #layuicss-dropdown_css{display:none; position: absolute; width:1989px;}
  7. .dropdown-root {
  8. position: fixed;
  9. outline: none;
  10. display: none;
  11. }
  12. .dropdown-pointer {
  13. width: 0;
  14. height: 0;
  15. position: absolute;
  16. display: block;
  17. overflow: hidden;
  18. background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAgBAMAAABQs2O3AAAAAXNSR0IB2cksfwAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABVQTFRFAAAAgICAgICAgICAhISE8PDw////jUnEegAAAAd0Uk5TAB/2/////74r3wgAAACOSURBVHicfcztDYAgDEVR2MCwgXEDwwbGDYwbyP4jyJfYlvbdvzc5zrH8ti8OFeKxou+384JEiPeDiAykhIgMpASICiCiAoDogE10wCQGYBEDMAgC6AQBVIIBGsEAhRDATAhgIiZAEhMgCAXghAIwQgUooQKEMICfMIBBmMBHmEAnANAIADQCAYVwCCjEC5fhzAE36RUGAAAAAElFTkSuQmCC") no-repeat bottom center;
  19. background-size: 100% 50%;
  20. -webkit-transform-origin: center center;
  21. -moz-transform-origin: center center;
  22. -ms-transform-origin: center center;
  23. -o-transform-origin: center center;
  24. transform-origin: center center;
  25. }
  26. .dropdown-pointer.bottom {
  27. -webkit-transform: rotate(-180deg);
  28. -moz-transform: rotate(-180deg);
  29. -ms-transform: rotate(-180deg);
  30. -o-transform: rotate(-180deg);
  31. transform: rotate(-180deg);
  32. }
  33. .dropdown-root .dropdown-content {
  34. overflow: hidden;
  35. background-color: white;
  36. border-radius: 2px;
  37. box-shadow: 1px 1px 3px #a9a9a9;
  38. }
  39. .dropdown-root .dropdown-content .menu-header:first-child {
  40. margin-top: 10px;
  41. }
  42. .dropdown-root .dropdown-content .menu-header,
  43. .dropdown-root .dropdown-content .menu-header legend{
  44. font-size: 12px!important;
  45. line-height: 15px!important;
  46. padding: 0 10px!important;
  47. color: #c2c2c2;
  48. }
  49. .dropdown-root .dropdown-content .menu-item:first-child {
  50. margin-top: 10px;
  51. }
  52. .dropdown-root .dropdown-content .menu-item:last-child {
  53. margin-bottom: 10px;
  54. }
  55. .dropdown-root .dropdown-content .menu-item {
  56. line-height: 36px;
  57. }
  58. .dropdown-root .dropdown-content .menu-item a{
  59. display: block;
  60. color: #333;
  61. padding: 0 20px;
  62. text-indent: 0;
  63. font-size: 14px;
  64. }
  65. .dropdown-root .dropdown-content .menu-item a:hover{
  66. color: #000;
  67. background-color: #f2f2f2;
  68. }