switchSelect.css 764 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. .layui-switch-select {
  2. position: relative;
  3. }
  4. .layui-switch-select .radio-container {
  5. border: 1px solid #eee;
  6. padding: 0 5px;
  7. }
  8. .layui-switch-select .toggle-dots {
  9. position: absolute;
  10. top: 5px;
  11. right: 5px;
  12. display: flex;
  13. gap: 8px;
  14. z-index: 999;
  15. background: #e9e9e9;
  16. padding: 5px;
  17. border-radius: 25px;
  18. }
  19. .layui-switch-select .dot {
  20. width: 12px;
  21. height: 12px;
  22. border-radius: 50%;
  23. background-color: #ccc;
  24. cursor: pointer;
  25. }
  26. .layui-switch-select .dot.active {
  27. background-color: #1E9FFF;
  28. }
  29. .layui-switch-select .radio-group {
  30. display: flex;
  31. }
  32. .layui-switch-select .toggle-hidden {
  33. display: none !important;
  34. }
  35. .layui-form-pane .layui-switch-select .radio-container {
  36. padding: 0;
  37. }