vue3 elementplus样式

科技感日期选择器样式

.data_screen .el-picker-panel__footer{
  color: #87CEEB;
  background: #00122a;
  border-top: 1px solid #274954;
}
.data_screen .el-picker-panel{
  color: #87CEEB;
  background: #00122a;
  border: 1px solid #274954;
}
 .data_screen .el-picker-panel, .el-picker-panel__sidebar{
  color: #87CEEB;
  border-right: 1px solid #274954;
  background-color: #00122a;
}
.data_screen .el-picker-panel__shortcut{
  color: #87CEEB;
}
.data_screen .el-date-table td.in-range .el-date-table-cell {
  background-color: #1d3457eb;
}
.data_screen .el-input__wrapper {
  box-shadow: 0 0 0 1px #3dfbea80 inset;
  background-color: rgba(109, 103, 103, 0) !important;

}
.data_screen .el-date-range-picker__content.is-left {
  border-right-color: #274954;

}
.data_screen .el-input__inner {
  color: #87CEEB;
}
.data_screen .el-date-table th {
  border-bottom-color: #274954;
}
.data_screen .el-date-range-picker__time-header {
  border-bottom-color: #274954;
}
.data_screen {
  background: #ffffff00 !important;
  border: 1px solid #274954 !important;
}
.data_screen .el-button {
  background: #ffffff00 !important;
  border: 1px solid #274954 !important;
  color: #87CEEB;
}