使用elementui的table组件表头上的筛选功能

一个项目中需要在表头上使用刷新功能,选用的ui库是element,发现其table组件自带的有这个功能
使用elementui的table组件表头上的筛选功能_第1张图片
成功引入后,需要进一步修改样式,修改样式后发现个问题,就是下拉框左上角有个一闪而逝的方框,如下视频

elementui表格组件表头的筛选框样式

也定位不到这个到底是个什么元素,就很奇怪。尝试在elementui官网的table组件上直接改变下拉框背景色后并没有出现这个框。经过多次尝试,发现在改变.el-checkbox__inner::after的边框颜色后左上角的那个框颜色也变了,才确定左上角的框就是选中状态中间的那个对勾,至于为什么会展示到左上角也没找到原因,解决办法是将.el-checkbox__inner::after的边框颜色设置为透明,在.is-checked的状态下在显现出来即可

你可能感兴趣的:(elementui,前端,javascript)