【8.0.104】EL-选择器在组件中使用js更改为无边框或透明

代码如上，
想要的效果是：el-选择器不需要边框


// 获取选择器的 DOM 元素
var selectWrapper = document.querySelector('.el-select);

// 设置边框颜色为透明
selectWrapper.style.setProperty('--el-select-border-color', 'transparent');

感谢各位大佬的支持~
您好，代码我们也不是很擅长，而且目前这个帖子已经结贴了，如果有新的问题的话，请您重新发布一个帖子交流哈

Nathan.guo 发表于 2024-6-19 16:55
大佬，只要我们正确的设置了css类名，正常情况下是不会出现这个情况的，所以大佬需要检查下~~

或者大 ...

其它未设置CSS类名的选择器，在点击的时候边框也丢失了，见附件

香煎小土豆w 发表于 2024-6-19 17:23
是的，我发现是类名设置的问题，已经改好了~~~~

Nathan.guo 发表于 2024-6-19 16:55
大佬，只要我们正确的设置了css类名，正常情况下是不会出现这个情况的，所以大佬需要检查下~~

或者大 ...

是的，我发现是类名设置的问题，已经改好了~~~~

香煎小土豆w 发表于 2024-6-19 16:13
换了这个css样式之后，其他没有使用该样式的选择框也会变，这是bug还是什么？

大佬，只要我们正确的设置了css类名，正常情况下是不会出现这个情况的，所以大佬需要检查下~~

或者大佬也可以新发一个求助帖，然后把咱们的场景搞个demo附上来，有助于分析问题哦~~

David.Zhong 发表于 2023-5-6 17:34
尝试写css来实现吧。
给el-选择器加个类名，

换了这个css样式之后，其他没有使用该样式的选择框也会变，这是bug还是什么？

哈哈，慢慢找呗还能，一步一步调，我也找了很久~

David.Zhong 发表于 2023-5-6 17:34
尝试写css来实现吧。
给el-选择器加个类名，

厉害，谢谢大哥，大哥辛苦了，原来是阴影，雀氏难找，我找了很久呜呜

尝试写css来实现吧。
给el-选择器加个类名，

再加一个css文件，

css参考：

.my_selector .el-input__wrapper,.el-select .el-input.is-focus .el-input__wrapper,.el-select .el-input__wrapper.is-focus
{
    box-shadow:none !important;
}