Vue3：elementplus去除选择器边框_el-select去掉边框

去除选择器边框的原因是有时候在一些表格内可能需要添加选择器，如果不去除边框那会造成边框（表格）内有边框（选择器），那就不美观

有两种思路，一种是修改内部的el-input的border，一种是修改el-select的样式，这里仅给出了第一种的样式修改，两种效果都是一样的，只是一开始我没发现el-select可以直接修改

第一种修改方式

	:deep(.el-input){
		--el-input-focus-border:#fff;
		--el-input-transparent-border: 0 0 0 0px;
		--el-input-border-color:#fff;
		--el-input-hover-border:0px !important;
		--el-input-hover-border-color:#fff;
		--el-input-focus-border-color:#fff;
		--el-input-clear-hover-color:#fff;
		box-shadow: 0 0 0 0px !important;
		--el-input-border:0px;
	}
	:deep(.el-select .el-input__wrapper.is-focus){
		box-shadow: 0 0 0 0px !important;
	}
	:deep(.el-select .el-input.is-focus .el-input__wrapper){
		box-shadow: 0 0 0 0px !important;
	}
	:deep(.el-select){
		--el-select-border-color-hover:#fff;
	}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

第二种修改方式

把里面的样式的颜色改成白色就可以了