input的边框样式
- 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;
}
-
element plus Pagination 分页 改变分页的按钮 数字的底色
::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;
}
}