问题:
在一个项目打算将EasyUI布局的north方向的panel的样式,可有一条带圆弧的下边线消除不掉。
研究后发现:
EasyUI这个框架常会将原本的元素包裹起来,对Layout布局来说也是这样,它会将东南西北中5个panel包裹一个div以便添加样式
例如:原先的一个north方向的panel:
<div region="north" style="height: 76px;" >
内容
<div>
生成页面后在浏览器看到的结果是:
<div class="panel layout-panel layout-panel-north" style="left: 0px; top: 0px; width: 1192px;">
<div region="north" style="height: 76px; width: 1190px;" title="" class="panel-body panel-body-noheader layout-body">
内容
</div>
</div>
其中.panel 具备样式 { box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px; }
正是这个样式为边框加了一个带圆弧的下边线。
解决办法:
在我自己的页面中增加样式 div.panel{box-shadow:0 0 0; } 即可将边框消除。
本文详细介绍了在使用EasyUI框架时,如何解决north方向面板出现的带圆弧的下边线问题。通过理解EasyUI对元素的包裹机制及样式应用原理,给出了具体的解决方案。
1921

被折叠的 条评论
为什么被折叠?



