用easyui在html中有两个panel 我想修改其中一个panel的title的css样式,不对别的panel的title有影响。

这样好像不行啊,我这样设置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>

你可以自定义一个css样式 例如:
.myPanelHead {
xx: xx

}
然后 panel的data-options里加上:headerCls:'myPanelHead'即可
注意该样式是加在head上的,你可以直接在head加样式。
如果非要加载title上,可以再加一个css样式
.myPanelHead .panel-title {

xx: xx

}
即可
温馨提示:内容为网友见解,仅供参考
无其他回答

用easyui在html中有两个panel 我想修改其中一个panel的title的css样式...
你可以自定义一个css样式 例如:.myPanelHead { xx: xx } 然后 panel的data-options里加上:headerCls:'myPanelHead'即可 注意该样式是加在head上的,你可以直接在head加样式。如果非要加载title上,可以再加一个css样式 .myPanelHead .panel-title { xx: xx } 即可 ...

请问jquery easyUi 怎么更改样式?
easyui的css文件夹下面有一个theme文件夹,里面就是装了不同风格的样式表,每个组件都有单独一个文件,也有一个全部合起来的easyui.css,找到panel.css后就复制几个,然后再单独修改

jquery easyui dialog 如何将对话框,显示在特定的位置?
3. Panel 的配置参数可以传入覆盖默认 Override defaults with $.fn.panel.defaults.4. Panel 可以指定位置参数有两个 Name Type Description Default left number Set the panel left position.null top number Set the panel top position.null 5. 因此, 可以通过传如left和top指定dialog位置。

jquery easyui中的combobox下拉列表显示的数据太多,怎么能出现下拉滚动...
默认是限制高度的,没有出现下拉条可能是其他的css影响了或者是combobox使用方式不对。解决办法 1.检查自己的使用方式 官方的使用方式:<select class="easyui-combobox" name="state" style="width:200px;"> <option value="AL">Alabama<\/option> <option value="AK">Alaska<\/option> <...

求教一个easyui的问题 datagrid中怎么加复选框
1、在创建的web项目新建静态页面,并将EasyUI核心CSS和JavaScript文件,注意文件引入的先后顺序。2、在body插入树形结构数据,设置树容器ID,这里利用的是树的种类来作为树的数据源。3、为了使单选树改成复选树,需要设置tree的属性checkbox为true,表示可以多选。4、在tree控件下方插入一个按钮,使用点击...

jquery中data-options= title,collapsible,iconCls,onOpen 这几个属性...
事件的。是jquery easyui 的panel(面板)的属性。具体对照api。(参考:http:\/\/api.btboys.com\/easyui\/# 里面很详细,还有例子。)title定义在面板头部显示的标题文本,collapsible定义是否显示可折叠按钮,cionCls设置一个16x16图标的CSS类ID显示在面板左上角,onOpen是事件,在打开面板之后触发。

jquery easyui 手风琴 的 颜色 怎么修改???急急。。。谢谢
.accordion{background:#fff;overflow:hidden;}.accordion .accordion-header{background:#efefef;border-top-width:0;cursor:pointer;}.accordion .accordion-header .panel-title{font-weight:normal;}.accordion .accordion-header-selected .panel-title{font-weight:bold;}.accordion-noborder .accordion-...

两个控件在同一行
<\/style> <script type="text\/javascript"> (function () { ("#box1").draggable(); \/\/如果你这样写的话,默认这个#box1是可以拖动的 \/\/但是draggable这个组件还有属性。下面我们来看看 \/\/revert 有两个值,false 和true 如果设为true,则拖动停止时返回起始位置。否则不返回 \/\/cursor 是表示...

jquery如何改变cssjquery修改
可以使用jquery的标签选择器啊。$('html');这样获取到的就是整个html对象了。怎样修改jquery-easyui界面布局?easyui的css文件夹下面有一个theme文件夹,里面就是装了不同风格的样式表,每个组件都有单独一个文件,也有一个全部合起来的easyui.css,找到panel.css后就复制几个,然后再单独修改 jquery中的...

课程开发的三个阶段
1、Web前端开发环境,HTML常用标签,表单元素,Table布局,CSS样式表,DIV+CSS布局。熟练运用HTML和CSS样式属性完成页面的布局和美化,能够仿制任意网站的前端页面实现。 2、CSS3选择器、伪类、过渡、变换、动画、字体图标、弹性盒模型、响应式布局、移动端。熟练运用CSS3来开发网页、熟练开发移动端,整理网页开发技巧。 3、...

相似回答