Extjs4 覆盖默认样式

最新推荐文章于 2019-11-19 10:00:51 发布

Waterinet

最新推荐文章于 2019-11-19 10:00:51 发布

阅读量3.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： extjs4 文章标签： extjs scroll c 任务 url 微软

本文链接：https://blog.youkuaiyun.com/Waterinet/article/details/7859664

extjs4 专栏收录该内容

1 篇文章

订阅专栏

本文档详细介绍了如何使用CSS自定义ExtJS用户界面的样式，包括窗口标题、任务栏字体、表头文本等元素的外观调整方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/* 修改窗口标题字体*/
.x-window-header-text-default {
color: #04468C;
font-family: tahoma,arial,verdana,sans-serif;
font-size: 11px;
font-weight: bold;
line-height: 17px;
}
/*修改标题栏样式*/
.x-window-header-default-top {
background-color: #CED9E7;
border-radius: 5px 5px 0 0;
border-style: solid;
border-width: 1px 1px 0;
padding: 4px 5px 0;

}

-------------------------------------------------------------------------

/* 修改任务栏字体 */
.x-toolbar .x-toolbar-text {
color: #4C4C4C;
font-family: tahoma,arial,verdana,sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 16px;
margin-left: 4px;
margin-right: 6px;
white-space: nowrap;
}

/* 修改任务栏中图标的文字 */
.x-btn-default-toolbar-small .x-btn-inner {
background-repeat: no-repeat;
color: #333333;
font-family: tahoma,arial,verdana,sans-serif;
font-size: 15px;
font-weight: normal;
padding: 0 4px;
}

----------------------------------------------------------------------------

/* 修改表头文本 */
.x-column-header {
background-color: #C5C5C5;
background-image: -moz-linear-gradient(center top , #F9F9F9, #E3E4E6);
border-color: -moz-use-text-color #C5C5C5 -moz-use-text-color -moz-use-text-color;
border-left: 0 none;
border-right: 1px solid #C5C5C5;
border-style: none solid none none;
border-width: 0 1px 0 0;
font: 11px tahoma,arial,verdana,sans-serif;
overflow: hidden;
padding: 0;
position: absolute;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
/* 修改表格单元格 */
.x-grid-row .x-grid-cell {
background-color: white;
border-color: #FAFAFA #EDEDED #EDEDED;
border-right: 0 solid #EDEDED;
border-style: solid;
border-width: 0;
font: 11px/15px tahoma,arial,verdana,sans-serif;
}
/* 修改表头行高 */

.x-column-header-inner {
line-height: 30px;
padding: 0;
position: relative;
white-space: nowrap;
}

/* 调整表格行高 */
.x-grid-with-row-lines .x-grid-cell-inner {
line-height: 13px;
padding-bottom: 4px;
}

/* 修改表格、树背景 */
.x-panel .x-grid-body {
background: none repeat scroll 0 0 transparent;
border-color: #C5C5C5 #99BCE8 #99BCE8;
border-right: 1px solid #99BCE8;
border-style: solid;
border-width: 1px;
}

/*鼠标移到树、表格单条记录后的显示效果*/
.x-grid-row-over .x-grid-cell{
background-image:url(../image/treeIcon/nav_hover_bg.jpg);
}

/*记录选中后*/
.x-grid-row-selected .x-grid-cell, .x-grid-row-selected .x-grid-rowwrap-div
{
background-image:url(../image/treeIcon/nav_hover_bg.jpg) !important;
font-weight: bold;
}

/*树、表格行间距*/
.x-tree-elbow, .x-tree-elbow-end, .x-tree-elbow-plus, .x-tree-elbow-end-plus, .x-tree-elbow-empty, .x-tree-elbow-line {
height: 25px;
width: 16px;
}

/*表格标题文本*/

.x-panel-header-text-default-framed {

font-family: "微软雅黑";
font-size: 12px;
font-weight: bold;
line-height: 18px;
}