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

登录

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

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

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

David.Zhong · David.Zhong

尝试写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;
}

胡小茹 · 胡小茹

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

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

David.Zhong · David.Zhong

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

香煎小土豆w · 香煎小土豆w

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

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

Nathan.guo · Nathan.guo

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

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

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

香煎小土豆w · 香煎小土豆w

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

或者大 ...

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

Nathan.guo · Nathan.guo

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

登录 · 13861900516

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

或者大 ...

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

Lay.Li · Lay.Li

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

		自动登录	找回密码
密码			立即注册

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

最佳答案

9 个回复

本帖子中包含更多资源

评分

本帖子中包含更多资源

活字格认证

活字格高级认证

微信认证勋章

讲师达人

悬赏达人

圣诞拼拼乐

Wyn高级认证

Wyn认证