cascader.css 32 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665
  1. .el-cascader-panel .layui-icon,.el-cascader .layui-icon{
  2. font-size: 12px;
  3. }
  4. /* layui表单验证不通过颜色 */
  5. .layui-form-danger+.el-cascader .el-input__inner{
  6. border-color: #FF5722!important;
  7. }
  8. /* 在layui表单中宽度自动撑满 */
  9. .layui-form .el-cascader{
  10. width: 100%;
  11. }
  12. /*弹出面板*/
  13. .el-popper .popper__arrow,.el-popper .popper__arrow:after {
  14. position: absolute;
  15. display: block;
  16. width: 0;
  17. height: 0;
  18. border-color: transparent;
  19. border-style: solid
  20. }
  21. .el-popper .popper__arrow {
  22. border-width: 6px;
  23. filter: drop-shadow(0 2px 12px rgba(0,0,0,.03))
  24. }
  25. .el-popper .popper__arrow:after {
  26. content: " ";
  27. border-width: 6px
  28. }
  29. .el-popper[x-placement^=top] {
  30. margin-bottom: 12px
  31. }
  32. .el-popper[x-placement^=top] .popper__arrow {
  33. bottom: -6px;
  34. left: 50%;
  35. margin-right: 3px;
  36. border-top-color: #ebeef5;
  37. border-bottom-width: 0
  38. }
  39. .el-popper[x-placement^=top] .popper__arrow:after {
  40. bottom: 1px;
  41. margin-left: -6px;
  42. border-top-color: #fff;
  43. border-bottom-width: 0
  44. }
  45. .el-popper[x-placement^=bottom] {
  46. margin-top: 12px
  47. }
  48. .el-popper[x-placement^=bottom] .popper__arrow {
  49. top: -6px;
  50. left: 50%;
  51. margin-right: 3px;
  52. border-top-width: 0;
  53. border-bottom-color: #ebeef5
  54. }
  55. .el-popper[x-placement^=bottom] .popper__arrow:after {
  56. top: 1px;
  57. margin-left: -6px;
  58. border-top-width: 0;
  59. border-bottom-color: #fff
  60. }
  61. .el-popper[x-placement^=right] {
  62. margin-left: 12px
  63. }
  64. .el-popper[x-placement^=right] .popper__arrow {
  65. top: 50%;
  66. left: -6px;
  67. margin-bottom: 3px;
  68. border-right-color: #ebeef5;
  69. border-left-width: 0
  70. }
  71. .el-popper[x-placement^=right] .popper__arrow:after {
  72. bottom: -6px;
  73. left: 1px;
  74. border-right-color: #fff;
  75. border-left-width: 0
  76. }
  77. .el-popper[x-placement^=left] {
  78. margin-right: 12px
  79. }
  80. .el-popper[x-placement^=left] .popper__arrow {
  81. top: 50%;
  82. right: -6px;
  83. margin-bottom: 3px;
  84. border-right-width: 0;
  85. border-left-color: #ebeef5
  86. }
  87. .el-popper[x-placement^=left] .popper__arrow:after {
  88. right: 1px;
  89. bottom: -6px;
  90. margin-left: -6px;
  91. border-right-width: 0;
  92. border-left-color: #fff
  93. }
  94. .el-tag {
  95. background-color: #ecf5ff;
  96. display: inline-block;
  97. height: 32px;
  98. padding: 0 10px;
  99. line-height: 30px;
  100. font-size: 12px;
  101. color: var(--base-color, #409eff);
  102. border: 1px solid #d9ecff;
  103. border-radius: 4px;
  104. box-sizing: border-box;
  105. white-space: nowrap
  106. }
  107. .el-tag.is-hit {
  108. border-color: var(--base-color, #409eff)
  109. }
  110. .el-tag .el-tag__close {
  111. color: var(--base-color, #409eff)
  112. }
  113. .el-tag .el-tag__close:hover {
  114. color: #fff;
  115. background-color: var(--base-color, #409eff)
  116. }
  117. .el-tag.el-tag--info {
  118. background-color: #f4f4f5;
  119. border-color: #e9e9eb;
  120. color: #909399
  121. }
  122. .el-tag.el-tag--info.is-hit {
  123. border-color: #909399
  124. }
  125. .el-tag.el-tag--info .el-tag__close {
  126. color: #909399
  127. }
  128. .el-tag.el-tag--info .el-tag__close:hover {
  129. color: #fff;
  130. background-color: #909399
  131. }
  132. .el-tag.el-tag--success {
  133. background-color: #f0f9eb;
  134. border-color: #e1f3d8;
  135. color: #67c23a
  136. }
  137. .el-tag.el-tag--success.is-hit {
  138. border-color: #67c23a
  139. }
  140. .el-tag.el-tag--success .el-tag__close {
  141. color: #67c23a
  142. }
  143. .el-tag.el-tag--success .el-tag__close:hover {
  144. color: #fff;
  145. background-color: #67c23a
  146. }
  147. .el-tag.el-tag--warning {
  148. background-color: #fdf6ec;
  149. border-color: #faecd8;
  150. color: #e6a23c
  151. }
  152. .el-tag.el-tag--warning.is-hit {
  153. border-color: #e6a23c
  154. }
  155. .el-tag.el-tag--warning .el-tag__close {
  156. color: #e6a23c
  157. }
  158. .el-tag.el-tag--warning .el-tag__close:hover {
  159. color: #fff;
  160. background-color: #e6a23c
  161. }
  162. .el-tag.el-tag--danger {
  163. background-color: #fef0f0;
  164. border-color: #fde2e2;
  165. color: #f56c6c
  166. }
  167. .el-tag.el-tag--danger.is-hit {
  168. border-color: #f56c6c
  169. }
  170. .el-tag.el-tag--danger .el-tag__close {
  171. color: #f56c6c
  172. }
  173. .el-tag.el-tag--danger .el-tag__close:hover {
  174. color: #fff;
  175. background-color: #f56c6c
  176. }
  177. .el-tag .el-icon-close {
  178. border-radius: 50%;
  179. text-align: center;
  180. position: relative;
  181. cursor: pointer;
  182. font-size: 12px;
  183. height: 16px;
  184. width: 16px;
  185. line-height: 16px;
  186. vertical-align: middle;
  187. top: -1px;
  188. right: -5px
  189. }
  190. .el-tag .el-icon-close:before {
  191. display: block
  192. }
  193. .el-tag--dark {
  194. background-color: var(--base-color, #409eff);
  195. color: #fff
  196. }
  197. .el-tag--dark,.el-tag--dark.is-hit {
  198. border-color: var(--base-color, #409eff)
  199. }
  200. .el-tag--dark .el-tag__close {
  201. color: #fff
  202. }
  203. .el-tag--dark .el-tag__close:hover {
  204. color: #fff;
  205. background-color: #66b1ff
  206. }
  207. .el-tag--dark.el-tag--info {
  208. background-color: #909399;
  209. border-color: #909399;
  210. color: #fff
  211. }
  212. .el-tag--dark.el-tag--info.is-hit {
  213. border-color: #909399
  214. }
  215. .el-tag--dark.el-tag--info .el-tag__close {
  216. color: #fff
  217. }
  218. .el-tag--dark.el-tag--info .el-tag__close:hover {
  219. color: #fff;
  220. background-color: #a6a9ad
  221. }
  222. .el-tag--dark.el-tag--success {
  223. background-color: #67c23a;
  224. border-color: #67c23a;
  225. color: #fff
  226. }
  227. .el-tag--dark.el-tag--success.is-hit {
  228. border-color: #67c23a
  229. }
  230. .el-tag--dark.el-tag--success .el-tag__close {
  231. color: #fff
  232. }
  233. .el-tag--dark.el-tag--success .el-tag__close:hover {
  234. color: #fff;
  235. background-color: #85ce61
  236. }
  237. .el-tag--dark.el-tag--warning {
  238. background-color: #e6a23c;
  239. border-color: #e6a23c;
  240. color: #fff
  241. }
  242. .el-tag--dark.el-tag--warning.is-hit {
  243. border-color: #e6a23c
  244. }
  245. .el-tag--dark.el-tag--warning .el-tag__close {
  246. color: #fff
  247. }
  248. .el-tag--dark.el-tag--warning .el-tag__close:hover {
  249. color: #fff;
  250. background-color: #ebb563
  251. }
  252. .el-tag--dark.el-tag--danger {
  253. background-color: #f56c6c;
  254. border-color: #f56c6c;
  255. color: #fff
  256. }
  257. .el-tag--dark.el-tag--danger.is-hit {
  258. border-color: #f56c6c
  259. }
  260. .el-tag--dark.el-tag--danger .el-tag__close {
  261. color: #fff
  262. }
  263. .el-tag--dark.el-tag--danger .el-tag__close:hover {
  264. color: #fff;
  265. background-color: #f78989
  266. }
  267. .el-tag--plain {
  268. background-color: #fff;
  269. border-color: #b3d8ff;
  270. color: var(--base-color, #409eff)
  271. }
  272. .el-tag--plain.is-hit {
  273. border-color: var(--base-color, #409eff)
  274. }
  275. .el-tag--plain .el-tag__close {
  276. color: var(--base-color, #409eff)
  277. }
  278. .el-tag--plain .el-tag__close:hover {
  279. color: #fff;
  280. background-color: var(--base-color, #409eff)
  281. }
  282. .el-tag--plain.el-tag--info {
  283. background-color: #fff;
  284. border-color: #d3d4d6;
  285. color: #909399
  286. }
  287. .el-tag--plain.el-tag--info.is-hit {
  288. border-color: #909399
  289. }
  290. .el-tag--plain.el-tag--info .el-tag__close {
  291. color: #909399
  292. }
  293. .el-tag--plain.el-tag--info .el-tag__close:hover {
  294. color: #fff;
  295. background-color: #909399
  296. }
  297. .el-tag--plain.el-tag--success {
  298. background-color: #fff;
  299. border-color: #c2e7b0;
  300. color: #67c23a
  301. }
  302. .el-tag--plain.el-tag--success.is-hit {
  303. border-color: #67c23a
  304. }
  305. .el-tag--plain.el-tag--success .el-tag__close {
  306. color: #67c23a
  307. }
  308. .el-tag--plain.el-tag--success .el-tag__close:hover {
  309. color: #fff;
  310. background-color: #67c23a
  311. }
  312. .el-tag--plain.el-tag--warning {
  313. background-color: #fff;
  314. border-color: #f5dab1;
  315. color: #e6a23c
  316. }
  317. .el-tag--plain.el-tag--warning.is-hit {
  318. border-color: #e6a23c
  319. }
  320. .el-tag--plain.el-tag--warning .el-tag__close {
  321. color: #e6a23c
  322. }
  323. .el-tag--plain.el-tag--warning .el-tag__close:hover {
  324. color: #fff;
  325. background-color: #e6a23c
  326. }
  327. .el-tag--plain.el-tag--danger {
  328. background-color: #fff;
  329. border-color: #fbc4c4;
  330. color: #f56c6c
  331. }
  332. .el-tag--plain.el-tag--danger.is-hit {
  333. border-color: #f56c6c
  334. }
  335. .el-tag--plain.el-tag--danger .el-tag__close {
  336. color: #f56c6c
  337. }
  338. .el-tag--plain.el-tag--danger .el-tag__close:hover {
  339. color: #fff;
  340. background-color: #f56c6c
  341. }
  342. .el-tag--medium {
  343. height: 28px;
  344. line-height: 26px
  345. }
  346. .el-tag--medium .el-icon-close {
  347. transform: scale(.8)
  348. }
  349. .el-tag--small {
  350. height: 24px;
  351. padding: 0 8px;
  352. line-height: 22px
  353. }
  354. .el-tag--small .el-icon-close {
  355. transform: scale(.8)
  356. }
  357. .el-tag--mini {
  358. height: 20px;
  359. padding: 0 5px;
  360. line-height: 19px
  361. }
  362. .el-tag--mini .el-icon-close {
  363. margin-left: -3px;
  364. transform: scale(.7)
  365. }
  366. .el-checkbox {
  367. color: #606266;
  368. font-weight: 500;
  369. font-size: 14px;
  370. position: relative;
  371. cursor: pointer;
  372. display: inline-block;
  373. white-space: nowrap;
  374. user-select: none;
  375. margin-right: 30px
  376. }
  377. .el-checkbox.is-bordered {
  378. padding: 9px 20px 9px 10px;
  379. border-radius: 4px;
  380. border: 1px solid #dcdfe6;
  381. box-sizing: border-box;
  382. line-height: normal;
  383. height: 40px
  384. }
  385. .el-checkbox.is-bordered.is-checked {
  386. border-color: var(--base-color, #409eff)
  387. }
  388. .el-checkbox.is-bordered.is-disabled {
  389. border-color: #ebeef5;
  390. cursor: not-allowed
  391. }
  392. .el-checkbox.is-bordered+.el-checkbox.is-bordered {
  393. margin-left: 10px
  394. }
  395. .el-checkbox.is-bordered.el-checkbox--medium {
  396. padding: 7px 20px 7px 10px;
  397. border-radius: 4px;
  398. height: 36px
  399. }
  400. .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
  401. line-height: 17px;
  402. font-size: 14px
  403. }
  404. .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
  405. height: 14px;
  406. width: 14px
  407. }
  408. .el-checkbox.is-bordered.el-checkbox--small {
  409. padding: 5px 15px 5px 10px;
  410. border-radius: 3px;
  411. height: 32px
  412. }
  413. .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
  414. line-height: 15px;
  415. font-size: 12px
  416. }
  417. .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
  418. height: 12px;
  419. width: 12px
  420. }
  421. .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after {
  422. height: 6px;
  423. width: 2px
  424. }
  425. .el-checkbox.is-bordered.el-checkbox--mini {
  426. padding: 3px 15px 3px 10px;
  427. border-radius: 3px;
  428. height: 28px
  429. }
  430. .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
  431. line-height: 12px;
  432. font-size: 12px
  433. }
  434. .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
  435. height: 12px;
  436. width: 12px
  437. }
  438. .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner:after {
  439. height: 6px;
  440. width: 2px
  441. }
  442. .el-checkbox__input {
  443. white-space: nowrap;
  444. cursor: pointer;
  445. outline: none;
  446. display: inline-block;
  447. line-height: 1;
  448. position: relative;
  449. vertical-align: middle
  450. }
  451. .el-checkbox__input.is-disabled .el-checkbox__inner {
  452. background-color: #edf2fc;
  453. border-color: #dcdfe6;
  454. cursor: not-allowed
  455. }
  456. .el-checkbox__input.is-disabled .el-checkbox__inner:after {
  457. cursor: not-allowed;
  458. border-color: #c0c4cc
  459. }
  460. .el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label {
  461. cursor: not-allowed
  462. }
  463. .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  464. background-color: #f2f6fc;
  465. border-color: #dcdfe6
  466. }
  467. .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after {
  468. border-color: #c0c4cc
  469. }
  470. .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  471. background-color: #f2f6fc;
  472. border-color: #dcdfe6
  473. }
  474. .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before {
  475. background-color: #c0c4cc;
  476. border-color: #c0c4cc
  477. }
  478. .el-checkbox__input.is-disabled+span.el-checkbox__label {
  479. color: #c0c4cc;
  480. cursor: not-allowed
  481. }
  482. .el-checkbox__input.is-checked .el-checkbox__inner {
  483. background-color: var(--base-color, #409eff);
  484. border-color: var(--base-color, #409eff);
  485. }
  486. .el-checkbox__input.is-checked .el-checkbox__inner:after {
  487. transform: rotate(45deg) scaleY(1);
  488. }
  489. .el-checkbox__input.is-checked+.el-checkbox__label {
  490. color: var(--base-color, #409eff)
  491. }
  492. .el-checkbox__input.is-focus .el-checkbox__inner {
  493. border-color: var(--base-color, #409eff)
  494. }
  495. .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  496. background-color: var(--base-color, #409eff);
  497. border-color: var(--base-color, #409eff)
  498. }
  499. .el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
  500. content: "";
  501. position: absolute;
  502. display: block;
  503. background-color: #fff;
  504. height: 2px;
  505. transform: scale(.5);
  506. left: 0;
  507. right: 0;
  508. top: 5px
  509. }
  510. .el-checkbox__input.is-indeterminate .el-checkbox__inner:after {
  511. display: none
  512. }
  513. .el-checkbox__inner {
  514. display: inline-block;
  515. position: relative;
  516. border: 1px solid #dcdfe6;
  517. border-radius: 2px;
  518. box-sizing: border-box;
  519. width: 14px;
  520. height: 14px;
  521. background-color: #fff;
  522. z-index: 1;
  523. transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);
  524. }
  525. .el-checkbox__inner:hover {
  526. border-color: var(--base-color, #409eff)
  527. }
  528. .el-checkbox__inner:after {
  529. box-sizing: content-box;
  530. content: "";
  531. border: 1px solid #fff;
  532. border-left: 0;
  533. border-top: 0;
  534. height: 7px;
  535. left: 4px;
  536. position: absolute;
  537. top: 1px;
  538. transform: rotate(45deg) scaleY(0);
  539. width: 3px;
  540. transition: transform .15s ease-in .05s;
  541. transform-origin: center
  542. }
  543. .el-checkbox__original {
  544. opacity: 0;
  545. outline: none;
  546. position: absolute;
  547. margin: 0;
  548. width: 0;
  549. height: 0;
  550. z-index: -1
  551. }
  552. .el-checkbox__label {
  553. display: inline-block;
  554. padding-left: 10px;
  555. line-height: 19px;
  556. font-size: 14px
  557. }
  558. .el-checkbox:last-of-type {
  559. margin-right: 0
  560. }
  561. .el-checkbox-button,.el-checkbox-button__inner {
  562. position: relative;
  563. display: inline-block
  564. }
  565. .el-checkbox-button__inner {
  566. line-height: 1;
  567. font-weight: 500;
  568. white-space: nowrap;
  569. vertical-align: middle;
  570. cursor: pointer;
  571. background: #fff;
  572. border: 1px solid #dcdfe6;
  573. border-left: 0;
  574. color: #606266;
  575. -webkit-appearance: none;
  576. text-align: center;
  577. box-sizing: border-box;
  578. outline: none;
  579. margin: 0;
  580. transition: all .3s cubic-bezier(.645,.045,.355,1);
  581. -moz-user-select: none;
  582. -webkit-user-select: none;
  583. -ms-user-select: none;
  584. padding: 12px 20px;
  585. font-size: 14px;
  586. border-radius: 0
  587. }
  588. .el-checkbox-button__inner.is-round {
  589. padding: 12px 20px
  590. }
  591. .el-checkbox-button__inner:hover {
  592. color: var(--base-color, #409eff)
  593. }
  594. .el-checkbox-button__inner [class*=el-icon-] {
  595. line-height: .9
  596. }
  597. .el-checkbox-button__inner [class*=el-icon-]+span {
  598. margin-left: 5px
  599. }
  600. .el-checkbox-button__original {
  601. opacity: 0;
  602. outline: none;
  603. position: absolute;
  604. margin: 0;
  605. z-index: -1
  606. }
  607. .el-checkbox-button.is-checked .el-checkbox-button__inner {
  608. color: #fff;
  609. background-color: var(--base-color, #409eff);
  610. border-color: var(--base-color, #409eff);
  611. box-shadow: -1px 0 0 0 #8cc5ff
  612. }
  613. .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
  614. border-left-color: var(--base-color, #409eff)
  615. }
  616. .el-checkbox-button.is-disabled .el-checkbox-button__inner {
  617. color: #c0c4cc;
  618. cursor: not-allowed;
  619. background-image: none;
  620. background-color: #fff;
  621. border-color: #ebeef5;
  622. box-shadow: none
  623. }
  624. .el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
  625. border-left-color: #ebeef5
  626. }
  627. .el-checkbox-button:first-child .el-checkbox-button__inner {
  628. border-left: 1px solid #dcdfe6;
  629. border-radius: 4px 0 0 4px;
  630. box-shadow: none!important
  631. }
  632. .el-checkbox-button.is-focus .el-checkbox-button__inner {
  633. border-color: var(--base-color, #409eff)
  634. }
  635. .el-checkbox-button:last-child .el-checkbox-button__inner {
  636. border-radius: 0 4px 4px 0
  637. }
  638. .el-checkbox-button--medium .el-checkbox-button__inner {
  639. padding: 10px 20px;
  640. font-size: 14px;
  641. border-radius: 0
  642. }
  643. .el-checkbox-button--medium .el-checkbox-button__inner.is-round {
  644. padding: 10px 20px
  645. }
  646. .el-checkbox-button--small .el-checkbox-button__inner {
  647. padding: 9px 15px;
  648. font-size: 12px;
  649. border-radius: 0
  650. }
  651. .el-checkbox-button--small .el-checkbox-button__inner.is-round {
  652. padding: 9px 15px
  653. }
  654. .el-checkbox-button--mini .el-checkbox-button__inner {
  655. padding: 7px 15px;
  656. font-size: 12px;
  657. border-radius: 0
  658. }
  659. .el-checkbox-button--mini .el-checkbox-button__inner.is-round {
  660. padding: 7px 15px
  661. }
  662. .el-checkbox-group {
  663. font-size: 0
  664. }
  665. .el-radio {
  666. color: #606266;
  667. font-weight: 500;
  668. line-height: 1;
  669. position: relative;
  670. cursor: pointer;
  671. display: inline-block;
  672. white-space: nowrap;
  673. outline: none;
  674. font-size: 14px;
  675. margin-right: 30px;
  676. -moz-user-select: none;
  677. -webkit-user-select: none;
  678. -ms-user-select: none
  679. }
  680. .el-radio.is-bordered {
  681. padding: 12px 20px 0 10px;
  682. border-radius: 4px;
  683. border: 1px solid #dcdfe6;
  684. box-sizing: border-box;
  685. height: 40px
  686. }
  687. .el-radio.is-bordered.is-checked {
  688. border-color: var(--base-color, #409eff)
  689. }
  690. .el-radio.is-bordered.is-disabled {
  691. cursor: not-allowed;
  692. border-color: #ebeef5
  693. }
  694. .el-radio.is-bordered+.el-radio.is-bordered {
  695. margin-left: 10px
  696. }
  697. .el-radio--medium.is-bordered {
  698. padding: 10px 20px 0 10px;
  699. border-radius: 4px;
  700. height: 36px
  701. }
  702. .el-radio--medium.is-bordered .el-radio__label {
  703. font-size: 14px
  704. }
  705. .el-radio--medium.is-bordered .el-radio__inner {
  706. height: 14px;
  707. width: 14px
  708. }
  709. .el-radio--small.is-bordered {
  710. padding: 8px 15px 0 10px;
  711. border-radius: 3px;
  712. height: 32px
  713. }
  714. .el-radio--small.is-bordered .el-radio__label {
  715. font-size: 12px
  716. }
  717. .el-radio--small.is-bordered .el-radio__inner {
  718. height: 12px;
  719. width: 12px
  720. }
  721. .el-radio--mini.is-bordered {
  722. padding: 6px 15px 0 10px;
  723. border-radius: 3px;
  724. height: 28px
  725. }
  726. .el-radio--mini.is-bordered .el-radio__label {
  727. font-size: 12px
  728. }
  729. .el-radio--mini.is-bordered .el-radio__inner {
  730. height: 12px;
  731. width: 12px
  732. }
  733. .el-radio:last-child {
  734. margin-right: 0
  735. }
  736. .el-radio__input {
  737. white-space: nowrap;
  738. cursor: pointer;
  739. outline: none;
  740. display: inline-block;
  741. line-height: 1;
  742. position: relative;
  743. vertical-align: middle
  744. }
  745. .el-radio__input.is-disabled .el-radio__inner {
  746. background-color: #f5f7fa;
  747. border-color: #e4e7ed;
  748. cursor: not-allowed
  749. }
  750. .el-radio__input.is-disabled .el-radio__inner:after {
  751. cursor: not-allowed;
  752. background-color: #f5f7fa
  753. }
  754. .el-radio__input.is-disabled .el-radio__inner+.el-radio__label {
  755. cursor: not-allowed
  756. }
  757. .el-radio__input.is-disabled.is-checked .el-radio__inner {
  758. background-color: #f5f7fa;
  759. border-color: #e4e7ed
  760. }
  761. .el-radio__input.is-disabled.is-checked .el-radio__inner:after {
  762. background-color: #c0c4cc
  763. }
  764. .el-radio__input.is-disabled+span.el-radio__label {
  765. color: #c0c4cc;
  766. cursor: not-allowed
  767. }
  768. .el-radio__input.is-checked .el-radio__inner {
  769. border-color: var(--base-color, #409eff);
  770. background: var(--base-color, #409eff)
  771. }
  772. .el-radio__input.is-checked .el-radio__inner:after {
  773. transform: translate(-50%,-50%) scale(1)
  774. }
  775. .el-radio__input.is-checked+.el-radio__label {
  776. color: var(--base-color, #409eff)
  777. }
  778. .el-radio__input.is-focus .el-radio__inner {
  779. border-color: var(--base-color, #409eff)
  780. }
  781. .el-radio__inner {
  782. border: 1px solid #dcdfe6;
  783. border-radius: 100%;
  784. width: 14px;
  785. height: 14px;
  786. background-color: #fff;
  787. position: relative;
  788. cursor: pointer;
  789. display: inline-block;
  790. box-sizing: border-box
  791. }
  792. .el-radio__inner:hover {
  793. border-color: var(--base-color, #409eff)
  794. }
  795. .el-radio__inner:after {
  796. width: 4px;
  797. height: 4px;
  798. border-radius: 100%;
  799. background-color: #fff;
  800. content: "";
  801. position: absolute;
  802. left: 50%;
  803. top: 50%;
  804. transform: translate(-50%,-50%) scale(0);
  805. transition: transform .15s ease-in
  806. }
  807. .el-radio__original {
  808. opacity: 0;
  809. outline: none;
  810. position: absolute;
  811. z-index: -1;
  812. top: 0;
  813. left: 0;
  814. right: 0;
  815. bottom: 0;
  816. margin: 0
  817. }
  818. .el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
  819. /*box-shadow: 0 0 2px 2px var(--base-color, #409eff)*/
  820. }
  821. /*滚动条*/
  822. .el-scrollbar {
  823. overflow: hidden;
  824. position: relative
  825. }
  826. .el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar {
  827. opacity: 1;
  828. transition: opacity .34s ease-out
  829. }
  830. .el-scrollbar__wrap {
  831. overflow: scroll;
  832. height: 100%
  833. }
  834. .el-scrollbar__wrap--hidden-default {
  835. scrollbar-width: none
  836. }
  837. .el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  838. width: 0;
  839. height: 0
  840. }
  841. .el-scrollbar__thumb {
  842. position: relative;
  843. display: block;
  844. width: 0;
  845. height: 0;
  846. cursor: pointer;
  847. border-radius: inherit;
  848. background-color: rgba(144,147,153,.3);
  849. transition: background-color .3s
  850. }
  851. .el-scrollbar__thumb:hover {
  852. background-color: rgba(144,147,153,.5)
  853. }
  854. .el-scrollbar__bar {
  855. position: absolute;
  856. right: 2px;
  857. bottom: 2px;
  858. z-index: 1;
  859. border-radius: 4px;
  860. opacity: 0;
  861. transition: opacity .12s ease-out
  862. }
  863. .el-scrollbar__bar.is-vertical {
  864. width: 6px;
  865. top: 2px
  866. }
  867. .el-scrollbar__bar.is-vertical>div {
  868. width: 100%
  869. }
  870. .el-scrollbar__bar.is-horizontal {
  871. height: 6px;
  872. left: 2px
  873. }
  874. .el-scrollbar__bar.is-horizontal>div {
  875. height: 100%
  876. }
  877. .el-cascader {
  878. display: inline-block;
  879. position: relative;
  880. font-size: 14px;
  881. line-height: 40px
  882. }
  883. .el-cascader:not(.is-disabled):hover .el-input__inner {
  884. cursor: pointer;
  885. border-color: #c0c4cc
  886. }
  887. .el-cascader .el-input,.el-cascader .el-input .layui-input {
  888. cursor: pointer
  889. }
  890. .el-cascader .el-input .el-input__inner {
  891. text-overflow: ellipsis
  892. }
  893. .el-cascader .el-input .el-input__inner:focus {
  894. border-color: var(--base-color, #409eff)
  895. }
  896. .el-cascader .el-input .el-icon-arrow-down {
  897. /* display: inline-block; */
  898. /* font-size: 14px */
  899. width: 6px;
  900. height: 6px;
  901. display: block;
  902. border: 1px solid #c2c2c2;
  903. transform: translateY(-50%) rotate(-45deg);
  904. border-top: 0;
  905. border-right: 0;
  906. transition: transform .3s;
  907. }
  908. .el-cascader .el-input .el-icon-arrow-down:before{
  909. content: "";
  910. }
  911. .el-cascader .el-input .el-icon-arrow-down.is-reverse {
  912. /* transform: rotate(180deg); */
  913. transform: translateY(0) rotate(135deg);
  914. }
  915. .el-cascader .el-input .el-icon-circle-close:hover {
  916. color: #909399
  917. }
  918. .el-cascader .el-input.is-focus .el-input__inner {
  919. border-color: var(--base-color, #409eff)
  920. }
  921. .el-cascader--medium {
  922. font-size: 14px;
  923. line-height: 36px
  924. }
  925. .el-cascader--small {
  926. font-size: 13px;
  927. line-height: 32px
  928. }
  929. .el-cascader--mini {
  930. font-size: 12px;
  931. line-height: 28px
  932. }
  933. .el-cascader.is-disabled .el-cascader__label {
  934. z-index: 2;
  935. color: #c0c4cc
  936. }
  937. .el-cascader__dropdown {
  938. margin: 5px 0;
  939. font-size: 14px;
  940. background: #fff;
  941. border: 1px solid #e4e7ed;
  942. border-radius: 4px;
  943. box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
  944. }
  945. .el-cascader__tags {
  946. position: absolute;
  947. left: 0;
  948. right: 30px;
  949. top: 50%;
  950. transform: translateY(-50%);
  951. display: flex;
  952. flex-wrap: wrap;
  953. line-height: normal;
  954. text-align: left;
  955. box-sizing: border-box
  956. }
  957. .el-cascader__tags .el-tag {
  958. display: inline-flex;
  959. align-items: center;
  960. max-width: 100%;
  961. margin: 2px 0 2px 6px;
  962. text-overflow: ellipsis;
  963. background: #f0f2f5
  964. }
  965. .el-cascader__tags .el-tag:not(.is-hit) {
  966. border-color: transparent
  967. }
  968. .el-cascader__tags .el-tag > span {
  969. flex: 1;
  970. overflow: hidden;
  971. text-overflow: ellipsis
  972. }
  973. .el-cascader__tags .el-tag .el-icon-close {
  974. flex: none;
  975. background-color: #c0c4cc;
  976. color: #fff
  977. }
  978. .el-cascader__tags .el-tag .el-icon-close:hover {
  979. background-color: #909399
  980. }
  981. .el-cascader__suggestion-panel {
  982. border-radius: 4px
  983. }
  984. .el-cascader__suggestion-list {
  985. max-height: 204px;
  986. margin: 0;
  987. padding: 6px 0;
  988. font-size: 14px;
  989. color: #606266;
  990. text-align: center
  991. }
  992. .el-cascader__suggestion-item {
  993. display: flex;
  994. justify-content: space-between;
  995. align-items: center;
  996. height: 34px;
  997. padding: 0 15px;
  998. text-align: left;
  999. outline: none;
  1000. cursor: pointer
  1001. }
  1002. .el-cascader__suggestion-item:focus, .el-cascader__suggestion-item:hover {
  1003. background: #f5f7fa
  1004. }
  1005. .el-cascader__suggestion-item.is-checked {
  1006. color: var(--base-color, #409eff);
  1007. font-weight: 700
  1008. }
  1009. .el-cascader__suggestion-item .el-icon-check{
  1010. margin-right: 15px;
  1011. }
  1012. .el-cascader__suggestion-item > span {
  1013. margin-right: 10px
  1014. }
  1015. .el-cascader__empty-text {
  1016. margin: 10px 0;
  1017. color: #c0c4cc
  1018. }
  1019. .el-cascader__search-input {
  1020. flex: 1;
  1021. height: 24px;
  1022. min-width: 60px;
  1023. margin: 2px 0 2px 15px;
  1024. padding: 0;
  1025. color: #606266;
  1026. border: none;
  1027. outline: none;
  1028. box-sizing: border-box
  1029. }
  1030. .el-cascader__search-input::placeholder {
  1031. color: #c0c4cc
  1032. }
  1033. /*cascader面板*/
  1034. .el-cascader-panel {
  1035. display: flex;
  1036. border-radius: 4px;
  1037. font-size: 14px
  1038. }
  1039. .el-cascader-panel.is-bordered {
  1040. border: 1px solid #e4e7ed;
  1041. border-radius: 4px
  1042. }
  1043. .el-cascader-menu {
  1044. min-width: 180px;
  1045. box-sizing: border-box;
  1046. color: #606266;
  1047. border-right: 1px solid #e4e7ed
  1048. }
  1049. .el-cascader-menu:last-child {
  1050. border-right: none
  1051. }
  1052. .el-cascader-menu:last-child .el-cascader-node {
  1053. padding-right: 26px
  1054. }
  1055. .el-cascader-menu__wrap {
  1056. height: 204px
  1057. }
  1058. .el-cascader-menu__list {
  1059. position: relative;
  1060. min-height: 100%;
  1061. padding: 6px 0;
  1062. list-style: none;
  1063. box-sizing: border-box;
  1064. }
  1065. .el-cascader-menu__hover-zone {
  1066. position: absolute;
  1067. top: 0;
  1068. left: 0;
  1069. width: 100%;
  1070. height: 100%;
  1071. pointer-events: none
  1072. }
  1073. .el-cascader-menu__empty-text {
  1074. position: absolute;
  1075. top: 50%;
  1076. left: 46%;
  1077. transform: translate(-50%, -50%);
  1078. text-align: center;
  1079. color: #c0c4cc
  1080. }
  1081. .el-cascader-node {
  1082. position: relative;
  1083. display: flex;
  1084. align-items: center;
  1085. padding: 0 25px 0 15px;
  1086. height: 34px;
  1087. line-height: 34px;
  1088. outline: none
  1089. }
  1090. .el-cascader-node.is-selectable.in-active-path {
  1091. color: #606266
  1092. }
  1093. .el-cascader-node.in-active-path, .el-cascader-node.is-active, .el-cascader-node.is-selectable.in-checked-path {
  1094. color: var(--base-color, #409eff);
  1095. font-weight: 700
  1096. }
  1097. .el-cascader-node:not(.is-disabled) {
  1098. cursor: pointer
  1099. }
  1100. .el-cascader-node:not(.is-disabled):focus, .el-cascader-node:not(.is-disabled):hover {
  1101. background: #f5f7fa
  1102. }
  1103. .el-cascader-node.is-disabled {
  1104. color: #c0c4cc;
  1105. cursor: not-allowed
  1106. }
  1107. .el-cascader-node__prefix {
  1108. position: absolute;
  1109. left: 10px
  1110. }
  1111. .el-cascader-node__postfix {
  1112. position: absolute;
  1113. right: 10px
  1114. }
  1115. .el-cascader-node__label {
  1116. flex: 1;
  1117. padding: 0 10px;
  1118. white-space: nowrap;
  1119. overflow: hidden;
  1120. text-overflow: ellipsis
  1121. }
  1122. .el-cascader-node > .el-radio {
  1123. margin-right: 0
  1124. }
  1125. .el-cascader-node > .el-radio .el-radio__label {
  1126. padding-left: 0
  1127. }
  1128. /*输入框*/
  1129. .el-input {
  1130. position: relative;
  1131. font-size: 14px;
  1132. display: inline-block;
  1133. width: 100%
  1134. }
  1135. .el-input::-webkit-scrollbar {
  1136. z-index: 11;
  1137. width: 6px
  1138. }
  1139. .el-input::-webkit-scrollbar:horizontal {
  1140. height: 6px
  1141. }
  1142. .el-input::-webkit-scrollbar-thumb {
  1143. border-radius: 5px;
  1144. width: 6px;
  1145. background: #b4bccc
  1146. }
  1147. .el-input::-webkit-scrollbar-corner,.el-input::-webkit-scrollbar-track {
  1148. background: #fff
  1149. }
  1150. .el-input::-webkit-scrollbar-track-piece {
  1151. background: #fff;
  1152. width: 6px
  1153. }
  1154. .el-input .el-input__clear {
  1155. color: #c0c4cc;
  1156. font-size: 14px;
  1157. cursor: pointer;
  1158. transition: color .2s cubic-bezier(.645,.045,.355,1)
  1159. }
  1160. .el-input .el-input__clear:hover {
  1161. color: #909399
  1162. }
  1163. .el-input .el-input__count {
  1164. height: 100%;
  1165. display: inline-flex;
  1166. align-items: center;
  1167. color: #909399;
  1168. font-size: 12px
  1169. }
  1170. .el-input .el-input__count .el-input__count-inner {
  1171. background: #fff;
  1172. line-height: normal;
  1173. display: inline-block;
  1174. padding: 0 5px
  1175. }
  1176. .el-input__inner {
  1177. -webkit-appearance: none;
  1178. background-color: #fff;
  1179. background-image: none;
  1180. border-radius: 4px;
  1181. border: 1px solid #dcdfe6;
  1182. box-sizing: border-box;
  1183. color: #606266;
  1184. display: inline-block;
  1185. font-size: inherit;
  1186. height: 40px;
  1187. line-height: 40px;
  1188. outline: none;
  1189. padding: 0 15px;
  1190. transition: border-color .2s cubic-bezier(.645,.045,.355,1);
  1191. width: 100%
  1192. }
  1193. .el-input__inner::-ms-reveal {
  1194. display: none
  1195. }
  1196. .el-input__inner::placeholder {
  1197. color: #c0c4cc
  1198. }
  1199. .el-input__inner:hover {
  1200. border-color: #c0c4cc
  1201. }
  1202. .el-input__inner:focus {
  1203. outline: none;
  1204. border-color: var(--base-color, #409eff)
  1205. }
  1206. .el-input__suffix {
  1207. position: absolute;
  1208. height: 100%;
  1209. right: 5px;
  1210. top: 0;
  1211. text-align: center;
  1212. color: #c0c4cc;
  1213. transition: all .3s;
  1214. pointer-events: none;
  1215. display: flex;
  1216. flex-direction: column;
  1217. justify-content: center;
  1218. }
  1219. .el-input__suffix-inner {
  1220. /* height: 0; */
  1221. pointer-events: all
  1222. }
  1223. .el-input__prefix {
  1224. position: absolute;
  1225. left: 5px;
  1226. top: 0;
  1227. color: #c0c4cc
  1228. }
  1229. .el-input__icon,.el-input__prefix {
  1230. height: 100%;
  1231. text-align: center;
  1232. transition: all .3s
  1233. }
  1234. .el-input__icon {
  1235. width: 25px;
  1236. line-height: 40px
  1237. }
  1238. .el-input__icon:after {
  1239. content: "";
  1240. height: 100%;
  1241. width: 0;
  1242. display: inline-block;
  1243. vertical-align: middle
  1244. }
  1245. .el-input__validateIcon {
  1246. pointer-events: none
  1247. }
  1248. .el-input.is-active .el-input__inner {
  1249. outline: none;
  1250. border-color: var(--base-color, #409eff)
  1251. }
  1252. .el-input.is-disabled .el-input__inner {
  1253. background-color: #f5f7fa;
  1254. border-color: #e4e7ed;
  1255. color: #c0c4cc;
  1256. cursor: not-allowed
  1257. }
  1258. .el-input.is-disabled .el-input__inner::placeholder {
  1259. color: #c0c4cc
  1260. }
  1261. .el-input.is-disabled .el-input__icon {
  1262. cursor: not-allowed
  1263. }
  1264. .el-input.is-exceed .el-input__inner {
  1265. border-color: #f56c6c
  1266. }
  1267. .el-input.is-exceed .el-input__suffix .el-input__count {
  1268. color: #f56c6c
  1269. }
  1270. .el-input--suffix .el-input__inner {
  1271. padding-right: 30px
  1272. }
  1273. .el-input--prefix .el-input__inner {
  1274. padding-left: 30px
  1275. }
  1276. .el-input--medium {
  1277. font-size: 14px
  1278. }
  1279. .el-input--medium .el-input__inner {
  1280. height: 36px;
  1281. line-height: 36px
  1282. }
  1283. .el-input--medium .el-input__icon {
  1284. line-height: 36px
  1285. }
  1286. .el-input--small {
  1287. font-size: 13px
  1288. }
  1289. .el-input--small .el-input__inner {
  1290. height: 32px;
  1291. line-height: 32px
  1292. }
  1293. .el-input--small .el-input__icon {
  1294. line-height: 32px
  1295. }
  1296. .el-input--mini {
  1297. font-size: 12px
  1298. }
  1299. .el-input--mini .el-input__inner {
  1300. height: 28px;
  1301. line-height: 28px
  1302. }
  1303. .el-input--mini .el-input__icon {
  1304. line-height: 28px
  1305. }
  1306. .el-input-group {
  1307. line-height: normal;
  1308. display: inline-table;
  1309. width: 100%;
  1310. border-collapse: separate;
  1311. border-spacing: 0
  1312. }
  1313. .el-input-group>.el-input__inner {
  1314. vertical-align: middle;
  1315. display: table-cell
  1316. }
  1317. .el-input-group__append,.el-input-group__prepend {
  1318. background-color: #f5f7fa;
  1319. color: #909399;
  1320. vertical-align: middle;
  1321. display: table-cell;
  1322. position: relative;
  1323. border: 1px solid #dcdfe6;
  1324. border-radius: 4px;
  1325. padding: 0 20px;
  1326. width: 1px;
  1327. white-space: nowrap
  1328. }
  1329. .el-input-group__append:focus,.el-input-group__prepend:focus {
  1330. outline: none
  1331. }
  1332. .el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select {
  1333. display: inline-block;
  1334. margin: -10px -20px
  1335. }
  1336. .el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner {
  1337. border-color: transparent;
  1338. background-color: transparent;
  1339. color: inherit;
  1340. border-top: 0;
  1341. border-bottom: 0
  1342. }
  1343. .el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input {
  1344. font-size: inherit
  1345. }
  1346. .el-input-group__prepend {
  1347. border-right: 0;
  1348. border-top-right-radius: 0;
  1349. border-bottom-right-radius: 0
  1350. }
  1351. .el-input-group__append {
  1352. border-left: 0
  1353. }
  1354. .el-input-group--prepend .el-input__inner,.el-input-group__append {
  1355. border-top-left-radius: 0;
  1356. border-bottom-left-radius: 0
  1357. }
  1358. .el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
  1359. border-color: transparent
  1360. }
  1361. .el-input-group--append .el-input__inner {
  1362. border-top-right-radius: 0;
  1363. border-bottom-right-radius: 0
  1364. }
  1365. .el-input-group--append .el-select .el-input.is-focus .el-input__inner {
  1366. border-color: transparent
  1367. }
  1368. .el-input__inner::-ms-clear {
  1369. display: none;
  1370. width: 0;
  1371. height: 0
  1372. }
  1373. .el-popper ::-webkit-scrollbar {
  1374. width: 0;
  1375. }