问题:
在一个项目打算将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; } 即可将边框消除。