常规方法:
<style lang="scss" >
.el-color-dropdown__link-btn{
display: none;
}
</style>
弊端:这种方法会影响全局。
不影响全局的常规方式是在组件外加一个私有class用于标识,但是由于当前页面一般是组件,颜色选择器弹窗不在当前组件页面上,class对其不生效。
解决方案:
<style lang="scss" >
.el-color-dropdown__link-btn-perform{
display: none;
}
</style>
并在打开颜色选择器时调用:
var obj = document.querySelector(".el-color-dropdown__link-btn");
if(obj){
obj.className = "el-color-dropdown__link-btn-perform";
}
修改类名即可。
最终效果: