el-color-picker 颜色选择器去除清空按钮

3,066 阅读1分钟

常规方法:

<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";
}

修改类名即可。

最终效果: