修改elementUI中分页器的背景色

elementUI中分页器设置background时的背景色默认是这样的：

我想改成这样：

修改样式如下：

::v-deep {.el-pagination.is-background .el-pager li:not(.disabled) {background-color: #fff; // 进行修改未选中背景和字体// color: #fff;}.el-pagination.is-background .el-pager li:not(.disabled).active {background-color: #4f75ff; // 进行修改选中项背景和字体color: #fff;}
}

修改elementUI中分页器的背景色相关推荐

如何修改element-ui中输入框点击之后的边框高亮
做项目根据ui图设计需要修改输入框的点击之后边框的高亮颜色后来不停的点在F12中终于找到 .nm-skin-pretty .el-input.is-active .el-input__inner, ...
修改elementUI中el-date-picker内置样式
一.编写背景今天正在日常的需求编写和bug调试中,产品提出了这样一个需求.为了满足用户在新增数据时的便捷准确,时间选择格式为"年月日时",即用户不需要选择分合秒,换句话说就是下图 ...
修改element-ui中时间选择器的样式
一般项目中如果设置了scoped属性,可以通过>>>或者/deep/来修改其他第三方组件的样式. 但是elementUI的时间选择器el-date-picker是将元素直接挂载到页面 ...
elementUI中分页器的使用
1.background:为分页按钮添加背景色 2. current-page:为当前页 3.page-sizes:控制每页可以显示多少条数据, 4.page-size:每页的条数,对应上面 pa ...
修改elementUI中面包屑文字颜色
1.修改面包屑文字大小 ::v-deep {.el-breadcrumb__item {font-size: 35px;} } 2.修改面包屑文字颜色 .el-breadcrumb ::v-deep ...
Vue中修改element-ui中的el-table中默认的暂无数据样式
默认样式 1.只更改文字内容这是elemenut-ui官方提供的 <el-table :data="dataList"size="medium" bo ...
修改Element-ui中tree组件最底层节点的样式
最近在项目中,设计将tree组件里最底层的节点布局设计成了多列,那要怎么实现呢? 首先用自定义节点的方式渲染节点,在渲染方法里给最底层节点添加class renderContent(h, { node ...
修改element-ui中的el-card标签的头部默认样式
<el-card class="task_one-card"><div slot="header" class="clearfix& ...
elementUI中，实现一个单元格内显示两行数据，并用其中一个数据进行排序。
最近在公司中,有这样一个需求,表格中,一个单元格里面显示两行数据,并且可以使用其中一行进行排序,其中数据的样式也要实时变动.类似于下图这样的话,elementUI中自带的prop就不适合了.所以,需 ...

修改elementUI中分页器的背景色

修改elementUI中分页器的背景色相关推荐

最新文章

热门文章