/* 去除边框 */ * { font-size: 14px; } .Space_content { .select { min-width: 100px; .el-input__inner { padding-right: 20px; padding-left: 15px; font-weight: 600; background-color: transparent; border: none; } &:hover { cursor: pointer; background-color: rgb(46 46 56 / 8%); border-radius: 5px; } .el-icon-arrow-up::before { color: #000000; content: "\e78f"; } .el-input__suffix { top: -2px; right: 0; } .el-input__prefix { position: relative; left: 0; box-sizing: border-box; height: 32px; padding: 0 30px; line-height: 35px; visibility: hidden; } input { position: absolute; } } .el-input { width: auto !important; } } .title { display: flex; :deep(.el-select__wrapper) { .el-select__prefix { color: #000000 !important; } .el-select__selected-item { font-size: 22px; } background-color: rgb(0 0 0 / 0%); box-shadow: 0 0 0 0 !important; --el-input-transparent-border: 0 0 0 0px; --el-input-hover-border: 0px !important; --el-input-border: 0px; // background-color: } :deep(.el-select .el-input__wrapper.is-focus) { box-shadow: 0 0 0 0 !important; } :deep(.el-select .el-input.is-focus .el-input__wrapper) { box-shadow: 0 0 0 0 !important; } // 自定义el-select的下拉箭头 :deep(.el-select__caret) { /* 为下拉小箭头留出一点位置,避免被文字覆盖 */ padding-right: 10px; /* 很关键:将默认的select选择框样式清除 */ appearance: none; /* 自定义图片 */ background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent; /* 自定义图片的大小 */ background-size: 14px 12px; } /* 将小箭头的样式去去掉 */ :deep(.el-select__suffix .el-icon svg) { width: 0; } :deep(.el-icon-arrow-up::before) { content: ""; } :deep(.el-select--large .el-select__wrapper) { font-size: 24px; } } .electricityprice { margin-top: 20px; } .price_allocation { box-sizing: border-box; display: flex; align-items: center; width: 100%; padding-left: 20px; // background: #d4e3fc; } .datepicker { display: flex; align-items: center; justify-content: space-between; margin-top: 20px; } .all_ocation { display: flex; flex-wrap: wrap; width: 100%; } .allocation_1 { box-sizing: border-box; width: 25%; height: 154px; margin-top: 20px; border-top: 1px solid #ebeef5; border-right: 1px solid #ebeef5; border-bottom: 1px solid #ebeef5; } .header { box-sizing: border-box; display: flex; align-items: center; width: 100%; height: 54px; padding-left: 30px; font-weight: 600; border-bottom: 1px solid #ebeef5; // background: #f1f2f5; } .body { box-sizing: border-box; display: flex; align-items: center; width: 100%; height: 100px; padding-left: 30px; } .body_content { display: flex; flex-wrap: wrap; width: 85%; } .bodycheck { color: #0052d9; cursor: pointer; } .bodycheckbox { margin-top: 16px; margin-right: 12px; } .eltable { margin-top: 30px; } .eltable1 { box-sizing: border-box; margin-top: 30px; } .eltabledialog { margin-top: 30px; } .eltable_right { display: flex; align-items: center; float: right; margin-top: 20px; } :deep(.el-tabs__item.is-active) { font-weight: 600; color: #0052d9; opacity: 0.5; } :deep(.el-tabs__item) { color: rgb(94 94 94 / 85%); } .dialog_title { display: flex; width: 100%; margin-top: 20px; } .more_name { width: 150px; color: #777777; } .more_theme { width: 100%; color: #000000; } .dialog_name { padding-right: 8px; margin-right: 8px; border-right: 1px solid rgb(0 0 0 / 5%); } .dialog_11 { display: flex; flex-wrap: wrap; width: 80%; } .dialog_1 { margin-bottom: 10px; } .dialog_footer { display: flex; align-items: center; justify-content: center; } .pagination { display: flex; justify-content: space-between; margin-top: 20px; } .templatebox { width: 100%; } .overview_title { display: flex; width: 100%; margin-top: 40px; } .overview_title1 { display: flex; } .dialog { display: flex; align-items: center; justify-content: center; width: 100%; margin-top: 40px; } .dialog_box { box-sizing: border-box; display: flex; flex-direction: column; width: 834px; border-bottom: solid #222222 0.1px; border-left: solid #222222 0.1px; } .overview_tiem { display: flex; flex-direction: column; width: 100px; margin-top: 40px; } .dialog_box1 { display: flex; align-items: center; justify-content: center; width: 100px; height: 60px; border-top: solid #222222 0.1px; border-right: solid #222222 0.1px; } .overview_dox1 { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-top: solid #222222 0.1px; border-right: solid #222222 0.1px; } .dialog_box11 { display: flex; border-top: solid #222222 0.1px; // border-bottom: solid #222222 0.1px; } .dialog_box111 { box-sizing: border-box; display: flex; } .dialog_box12 { display: flex; flex-direction: column; } .dialog_box121 { display: flex; } .overview_dox { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; background-color: #000000; } .overview_1dox { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; color: #000000; background-color: #efb786; // border-top: solid #222222 0.1px; border-right: solid #222222 0.1px; } .overview_2dox { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; color: #000000; background-color: #c35e0e; // border-top: solid #222222 0.1px; border-right: solid #222222 0.1px; } .overview_3dox { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; color: #000000; background-color: #fde696; // border-top: solid #222222 0.1px; border-right: solid #222222 0.1px; } .overview_4dox { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; color: #000000; background-color: #b6c6e8; // border-top: solid #222222 0.1px; border-right: solid #222222 0.1px; } .overview_5dox { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; color: #000000; background-color: #cccccc; // border-top: solid #222222 0.1px; border-right: solid #222222 0.1px; } .selectsite_right { display: flex; } .tabpane_1 { display: flex; align-items: center; justify-content: center; width: 88px; height: 30px; } .uploadname { margin-top: 20px; color: #0052d9; } .dialoglexce_box { width: 700px; }