css样式

input的边框样式

1. 1.去掉input点击后边框颜色

input { outline:none; }

2.改变input触发后边框颜色

input{ outline-color:red; }

3.input选中是的框的去除方法，分为两种

        1.第一种

input:focus{
outline:1px solid red;
}

        2.第二种

input:focus{
border:1px solid red;
outline:0
}

目前这些是在工作中需要的日后会持续跟新

element plus Table 表格 剧中显示

::v-deep .el-table .el-table__cell {

  text-align: center !important;

}

1. element plus Pagination 分页  改变分页的按钮 数字的底色

2. 

::v-deep .el-pagination.is-background .el-pager li:not(.is-disabled).is-active {
  background-color: #f67a27ff !important;
}

//改变向左向右的按钮颜色

::v-deep .el-pagination.is-background .btn-prev:disabled {
  background-color: #f67a27ff !important;
  color: #fff !important;
}
::v-deep.el-pagination.is-background .btn-next {
  background-color: #f67a27ff !important;
  color: #fff !important;
}

element plus 

  <el-select v-model="value" class="selectKert" popper-class="selectStyle" 
   placeholder="摄像头">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value"
    />
  </el-select>



//下拉框背景色
.el-popper.is-light.selectStyle {
    background-color: rgba(0, 136, 255, 0.1) !important;
    border: 1px solid #254277 !important;
}
 //下拉框的链接小方块
.selectStyle.el-popper[data-popper-placement^=bottom] .el-popper__arrow::before {
    background: rgba(0, 136, 255, 0.1) !important;
    border: 1px solid #254277 !important;
}
.selectStyle.el-popper[data-popper-placement^=top] .el-popper__arrow::before {
    background: #254277 !important;
    border: 1px solid #254277 !important;
}
 //鼠标移动上去的选中色
.selectStyle {
    .el-select-dropdown__item.hover,
    .el-select-dropdown__item:hover {
        background: #2A77C6 !important;
    }
 //下拉框的文本颜色
    .el-select-dropdown__item {
        color: #B3BCCE  !important;
    }
 //选中之后的颜色
    .el-select-dropdown__item.selected {
        background: #2A77C6 !important;
    }
}