Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

element_chanage.css 2.6 KiB

il y a 4 ans
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. .el-button {
  2. padding: 7px 20px;
  3. }
  4. .el-button.is-round {
  5. padding: 7px 23px;
  6. }
  7. .el-button--primary {
  8. background-color: #8C00FF;
  9. border-color: #8C00FF;
  10. }
  11. .el-button--primary:focus, .el-button--primary:hover {
  12. background: #9c23ff;
  13. border-color: #9c23ff;
  14. }
  15. .el-button--primary.is-plain {
  16. color: #8c00ff;
  17. background: #fff;
  18. border-color: #8c00ff;
  19. }
  20. .el-button--info {
  21. color: #fff;
  22. background-color: #62626F;
  23. border-color: #62626F;
  24. }
  25. .el-button--info.is-plain {
  26. color: #62626f;
  27. background: #f4f4f5;
  28. border-color: #62626f;
  29. }
  30. .el-button-group .el-button--primary:first-child {
  31. border:0;
  32. border-radius: 26px 26px 0 0;
  33. }
  34. .el-button-group .el-button--primary:last-child {
  35. border:0;
  36. border-radius: 0 0 26px 26px;
  37. }
  38. .el-button-group .el-button--info:first-child {
  39. border:0;
  40. border-radius: 26px 26px 0 0;
  41. }
  42. .el-button-group .el-button--info:last-child {
  43. border:0;
  44. border-radius: 0 0 26px 26px;
  45. }
  46. .el-button-group .el-button--info:not(:first-child):not(:last-child) {
  47. border:0;
  48. }
  49. .el-button-group{
  50. width: 52px;
  51. }
  52. .el-button-group .el-button{
  53. display: block;
  54. padding: 18px
  55. }
  56. .el-button-group.btnshow_info .el-button--info:first-child {
  57. border:0;
  58. border-radius: 26px 26px 0 0;
  59. background-color: #fff;
  60. color: #62626f;
  61. }
  62. .el-button-group.btnshow_info .el-button--info:last-child {
  63. border:0;
  64. border-radius: 0 0 26px 26px;
  65. background-color: #fff;
  66. color: #62626f;
  67. }
  68. .el-button-group.btnshow_info .el-button{
  69. background-color: #fff;
  70. color: #62626f;
  71. }
  72. .el-button-group.btnshow_info{
  73. border-radius: 26px;
  74. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  75. }
  76. .btnshow_info_black{
  77. border-radius: 26px;
  78. box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  79. }
  80. .line_from .el-input__inner {
  81. border-radius: 0;
  82. border: 0;
  83. border-bottom: 1px solid #CCCDD7;
  84. }
  85. .line_from .el-radio__input.is-checked .el-radio__inner {
  86. border-color: #8c00ff;
  87. background: #8c00ff;
  88. }
  89. .line_from .el-radio__input.is-checked+.el-radio__label {
  90. color: #8c00ff;
  91. }
  92. .line_from .el-switch.is-checked .el-switch__core {
  93. border-color: #8c00ff;
  94. background-color: #8c00ff;
  95. }
  96. .line_from .el-checkbox__input.is-checked .el-checkbox__inner,.line_from .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  97. background-color: #8c00ff;
  98. border-color: #8c00ff;
  99. }
  100. .el-checkbox__input.is-checked+.el-checkbox__label {
  101. color: #8c00ff;
  102. }
  103. .line_from .el-radio__inner:hover,.line_from .el-checkbox__inner:hover{
  104. border-color: #8c00ff;
  105. }