button.css 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. /*普通按钮样式及状态*/
  2. .edui-default .edui-toolbar .edui-button .edui-icon,
  3. .edui-default .edui-toolbar .edui-menubutton .edui-icon,
  4. .edui-default .edui-toolbar .edui-splitbutton .edui-icon {
  5. height: 20px !important;
  6. width: 20px !important;
  7. background-image: url(../images/icons.png);
  8. background-image: url(../images/icons.gif) \9;
  9. }
  10. .edui-default .edui-toolbar .edui-button .edui-button-wrap {
  11. padding: 1px;
  12. position: relative;
  13. }
  14. .edui-default .edui-toolbar .edui-button .edui-state-hover .edui-button-wrap {
  15. background-color: #fff5d4;
  16. padding: 0;
  17. border: 1px solid #dcac6c;
  18. }
  19. .edui-default .edui-toolbar .edui-button .edui-state-checked .edui-button-wrap {
  20. background-color: #ffe69f;
  21. padding: 0;
  22. border: 1px solid #dcac6c;
  23. border-radius: 2px;
  24. -webkit-border-radius: 2px;
  25. -moz-border-radius: 2px;
  26. }
  27. .edui-default .edui-toolbar .edui-button .edui-state-active .edui-button-wrap {
  28. background-color: #ffffff;
  29. padding: 0;
  30. border: 1px solid gray;
  31. }
  32. .edui-default .edui-toolbar .edui-state-disabled .edui-label {
  33. color: #ccc;
  34. }
  35. .edui-default .edui-toolbar .edui-state-disabled .edui-icon {
  36. opacity: 0.3;
  37. filter: alpha(opacity = 30);
  38. }