用easyui在html中有两个panel 我想修改其中一个panel的title的css样式,不对别的panel的title有影响。
这样好像不行啊,我这样设置title的样式所以的panel的title都改变了,我只想改id为p0的panel的titlecssy样式怎么设置<styletype="te...
这样好像不行啊,我这样设置title的样式 所以 的panel的title都改变了,
我只想改id为p0的panel 的 title cssy样式怎么设置
<style type="text/css">
.panel-title {
font-size: 18px;
color: red;
background-color: #f0f0f0;
height: 28px;
line-height: 24px;
/* 文字的距离 */
padding-left: 18px;
border-bottom: 2px #d0d0d0 solid;
}
</style>
<body>
<div id="cc" class="easyui-layout" style="width:1300px;height:550px;">
<div data-options="region:'west',title:'West',split:true"
style="width:400px;height: 500px;">
<div id="p0" class="easyui-panel" title="面板"
style="width:500px;height:150px;padding:10px;background:#fafafa;"
data-options="iconCls:'icon-save',closable:true,
collapsible:true,minimizable:true,maximizable:true">
<p>panel content.</p>
<p>panel content.</p>
</div>
</div>
<div data-options="region:'center',title:'center title'"
style="padding:5px;background:#eee;width:400px;height: 800px;">
<div id="p1" title="My Panel"
style="width:500px;height:150px;padding:10px;background:#fafafa;">
<p>panel content.</p>
<p>panel content.</p>
</div>
</div>
</div>
</body> 展开
我只想改id为p0的panel 的 title cssy样式怎么设置
<style type="text/css">
.panel-title {
font-size: 18px;
color: red;
background-color: #f0f0f0;
height: 28px;
line-height: 24px;
/* 文字的距离 */
padding-left: 18px;
border-bottom: 2px #d0d0d0 solid;
}
</style>
<body>
<div id="cc" class="easyui-layout" style="width:1300px;height:550px;">
<div data-options="region:'west',title:'West',split:true"
style="width:400px;height: 500px;">
<div id="p0" class="easyui-panel" title="面板"
style="width:500px;height:150px;padding:10px;background:#fafafa;"
data-options="iconCls:'icon-save',closable:true,
collapsible:true,minimizable:true,maximizable:true">
<p>panel content.</p>
<p>panel content.</p>
</div>
</div>
<div data-options="region:'center',title:'center title'"
style="padding:5px;background:#eee;width:400px;height: 800px;">
<div id="p1" title="My Panel"
style="width:500px;height:150px;padding:10px;background:#fafafa;">
<p>panel content.</p>
<p>panel content.</p>
</div>
</div>
</div>
</body> 展开
1个回答
2015-06-12 · 百度知道合伙人官方认证企业
关注
展开全部
你可以自定义一个css样式 例如:
.myPanelHead {
xx: xx
}
然后 panel的data-options里加上:headerCls:'myPanelHead'即可
注意该样式是加在head上的,你可以直接在head加样式。
如果非要加载title上,可以再加一个css样式
.myPanelHead .panel-title {
xx: xx
}
即可
.myPanelHead {
xx: xx
}
然后 panel的data-options里加上:headerCls:'myPanelHead'即可
注意该样式是加在head上的,你可以直接在head加样式。
如果非要加载title上,可以再加一个css样式
.myPanelHead .panel-title {
xx: xx
}
即可
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询