MASA.Blazor icon indicating copy to clipboard operation
MASA.Blazor copied to clipboard

MExpansionPanels组件elevation-0设置失效

Open mookeview opened this issue 2 years ago • 7 comments

error1 error2

mookeview avatar Feb 21 '23 01:02 mookeview

@capdiem PTAL

doddgu avatar Feb 21 '23 04:02 doddgu

@mookeview 和 #955 一样,不是通过 elevation 实现的。你需要覆盖 .m-expansion-panel::before 的样式:

box-shadow: 0px 0px 2px rgba(0,0,0,.2);

capdiem avatar Feb 21 '23 07:02 capdiem

非常感谢您回复!我在页面的隔离CSS中写入 .m-expansion-panel::before{ box-shadow:none; } 但似乎不起效,本人初学,可否再指点一下??

mookeview avatar Feb 21 '23 09:02 mookeview

@mookeview 隔离CSS需要作用到原生标签上例如 div 。你可以试试 ::deep .m-expansion-panel::before

capdiem avatar Feb 21 '23 09:02 capdiem

加::deep编译能不过,我现在直接修改发布后的masa-blazor.min.css文件,暂时解决下。谢谢啦!

mookeview avatar Feb 21 '23 11:02 mookeview

@mookeview css不会影响编译吧,可以忽视波浪线。你也可以向 wwwroot/site.css 添加,不建议修改我们发布的css。

capdiem avatar Feb 21 '23 11:02 capdiem

@capdiem 搞定!不需要添加::deep,但css文件必须在masa-blazor.min.css之后加载,否则覆盖不了。谢谢!

mookeview avatar Feb 21 '23 12:02 mookeview

使用 Flat 属性就可以去除阴影。

capdiem avatar Oct 19 '24 07:10 capdiem