EL-选择器通过CSS设置为为无边框

登录

【8.0.104】EL-选择器在组件中使用js更改为无边框或透明
https://gcdn.grapecity.com.cn/showtopic-167771-1-1.html
(出处: 葡萄城开发者社区)

该贴中的CSS脚本可以使用，但针对正常的EL选择器，在点击的时候边框也没了，不晓得啥原因

Grayson.Shang · Grayson.Shang

大佬您好，这个是我测试的结果，不知道是否满足咱们的需求

CSS测试代码

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

复制代码

回复 · 13861900516

Grayson.Shang 发表于 2024-7-2 10:07
大佬您好，这个是我测试的结果，不知道是否满足咱们的需求

第一个EL选择器为什么也没有边框了呢，我的意思是，设置了CSS类名的就没有边框了，而没有设置CSS类名的还保持原状

Nathan.guo · Nathan.guo

13861900516 发表于 2024-7-2 13:46
第一个EL选择器为什么也没有边框了呢，我的意思是，设置了CSS类名的就没有边框了，而没有设置CSS类名的还 ...

大佬可以学习下css就明白啦~~

原因是，我们在编写CSS测试代码是，同时给多个类设置了样式（.my_selector .el-select .el-input__wrapper）

回复 · 13861900516

本帖最后由 13861900516 于 2024-7-3 11:05 编辑

Nathan.guo 发表于 2024-7-2 18:31
大佬可以学习下css就明白啦~~

原因是，我们在编写CSS测试代码是，同时给多个类设置了样式（.my_select ...

我是CSS小白一个啊，所以就提了个问题，为什么
.my_selector .el-select .el-input__wrapper,
.my_selector .el-select .el-input__wrapper.is-focus
{
box-shadow: none !important;
}这段代码是针对全局所有的EL选择器都起作用了？

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

[处理中] EL-选择器通过CSS设置为为无边框

4 个回复

本帖子中包含更多资源

微信认证勋章

Wyn高级认证

Wyn认证

活字格认证

活字格高级认证