1.定位打开vscode的具体组件文件
2.调试样式的使用 hover可以用浏览器模拟hover,但是有时候怎么用都hover不行的时候,这个时候说明这个不是hover时间,可能是js控制,这个时候可以尝试着找到组件的数据,例如input的 clear 就是数据驱动的,这个时候就可以查看hover的样式了
3.修改样式 穿透 父组件修改子组件的样式
.device-tree ::v-deep .tree-input { line-height: unset; padding: 10px 10px 12px; .el-icon-circle-close{ right:0px; } }