阅读:4932 回复:7
bpmh3
83

帖子

250

跟帖

2431

积分

铂金榴莲
铂金榴莲
  • 社区居民

如何修改样式,比如全局修改线条颜色/边框颜色/背景颜色等

楼主#
更多 发布于:2017-07-11 10:00
如何修改样式,比如全局修改线条颜色/边框颜色/背景颜色等,请提供H3的修改步骤与资源@t156965365 @武汉技术支持团队
t156965365
46

帖子

688

跟帖

4536

积分

H3 BPM互助团队
H3 BPM互助团队
  • 社区居民
1楼#
发布于:2017-07-11 10:54
CSS入门与精通 你值得拥有
bpmh3
83

帖子

250

跟帖

2431

积分

铂金榴莲
铂金榴莲
  • 社区居民
2楼#
发布于:2017-07-11 11:01
t156965365:CSS入门与精通 你值得拥有回到原帖
只能每个表单单独调整?
t156965365
46

帖子

688

跟帖

4536

积分

H3 BPM互助团队
H3 BPM互助团队
  • 社区居民
3楼#
发布于:2017-07-11 11:29
bpmh3:只能每个表单单独调整?回到原帖
看表单的继承关系,一般是继承到 MasterPage.master ,你可以把样式表加到这个表单里面。
武汉技术支持团队
40

帖子

1181

跟帖

3860

积分

论坛版主
论坛版主
4楼#
发布于:2017-07-13 23:05
表单使用的是bootstrap框架,可以直接修改bootstrap.css;也可以修改mvcsheet.master这个文件,重写css样式
武汉技术支持团队
40

帖子

1181

跟帖

3860

积分

论坛版主
论坛版主
5楼#
发布于:2017-07-13 23:06
CSS代码示例:

 <style>
        .spanTitle {
            display: none;
        }


        .panel {
            box-shadow: 0 0 15px #070E45; /*min-height: 656px;*/
        }


        #content-wrapper {
            min-height: 630px;
        }


        #main-navbar {
            box-shadow: 0 0 5px #5C616B;
            left: inherit;
            right: inherit;
            position: fixed !important;
            margin-left: -1px;
            width: 100%;
        }


        .sheetContent {
            width: 76%;
        }


        .divContent {
            padding-bottom: 0;
        }


        form {
            background-color: #FBFAFA;
        }


        body {
            background-color: #FFF !important;
            font-family: "Microsoft YaHei",微软雅黑, "MicrosoftJhengHei",华文细黑,STHeiti,MingLiu !important;
        }


        .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
            padding: 0px;
            margin: 0px;
        }


            .col-md-1 span, .col-md-2 span, .col-md-3 span, .col-md-4 span, .col-md-5 span, .col-md-6 span, .col-md-7 span, .col-md-8 span, .col-md-9 span, .col-md-10 span, .col-md-11 span, .col-md-12 span {
                padding: 0;
            }


        .col-md-2, .col-md-4, .col-md-6, .col-md-10, .col-md-12 {
            min-height: 36px;
            border-left: 1px solid #d2d2d2;
            padding-left: 10px;
        }


        .col-md-2 {
            background-color: #f1f7fc;
        }


        .row {
            border-right: 1px solid #b9d4e7;
            border-bottom: 1px solid #b9d4e7;
            border-left: 1px solid #b9d4e7;
            border-top: none;
            margin-top: 0;
            min-height: 36px;
            padding-top: 0;
        }


        .col-md-4, .col-md-10 {
            background-color: white;
        }


        .row:hover {
            /*background: rgba(249,248,244,0.7);*/
        }


        .col-md-1 label, .col-md-2 label, .col-md-3 label, .col-md-4 label, .col-md-5 label, .col-md-6 label, .col-md-7 label, .col-md-8 label, .col-md-9 label, .col-md-10 label, .col-md-11 label, .col-md-12 label {
            margin-top: 0;
            margin-bottom: 0;
            line-height: 36px;
            padding-left: 5px !important;
        }


        .col-md-2 > label, .col-md-4 > label {
            line-height: 36px;
            padding-left: 5px !important;
        }


        .col-md-2 > label, .col-md-2 > span {
            text-align: left;
            font-weight: bold;
        }


        .col-md-2 > span, .col-md-4 > span {
            padding-left: 5px !important;
        }


        .col-md-4 > input, .col-md-5 > input, .col-md-6 > input,
        .col-md-7 > input, .col-md-8 > input, .col-md-9 > input, .col-md-10 > input,
        .col-md-11 > input, .col-md-12 > input {
            margin-top: 3px !important;
            margin-left: 3px !important;
        }


        textarea, select, .cke, .select2-container, input[type='checkbox'] {
            margin-top: 3px !important;
            margin-left: 3px !important;
        }


        .select2-container {
            min-height: 30px;
            height: auto !important;
        }


        .bannerTitle {
            background-color: #f1f7fc;
            padding-top: 5px;
            height: 35px;
            line-height: 35px;
            border: 1px solid #b9d4e7;
            box-shadow: 0 0 1px rgba(251, 253, 254, 1);
            font-weight: bold;
            margin-left: 7.5px;
            width: 98.5%;
        }


            .bannerTitle > label {
                position: relative;
                top: -5px;
                margin-left: 10px;
            }


            .bannerTitle:before {
                top: -5px;
                position: relative;
            }


        .SheetToolBar {
            /*float: right;*/
        }


        .theme-default #main-navbar .navbar-nav > li > a:hover {
            background: none !important;
        }


        .navbar-inner {
            border-bottom: 1px solid dodgerblue;
        }


        .panel-title {
            font-weight: 500;
        }






        @media screen and (max-width:1280px) {
            .sheetContent {
                width: 80%;
            }
        }


        @media screen and (max-width:1024px) {
            .sheetContent {
                width: 100%;
                padding-left: 0px;
                padding-right: 0px;
            }


            .panel {
                min-height: 300px;
            }


            #content-wrapper {
                padding: 76px 0px 0px;
            }


            #main-navbar {
                -moz-box-shadow: 0 0 5px #5C616B;
                -webkit-box-shadow: 0 0 5px #5C616B;
                box-shadow: 0 0 5px #5C616B;
                left: 0;
                right: 0;
                position: absolute;
                width: inherit;
            }
        }


        .add_div {
            width: 40px !important;
            float: left;
            padding: 3px;
            background-color: dodgerblue;
            text-align: center;
            border-radius: 7px;
        }


        .btn-lg {
            padding: 6px 0px;
            font-weight: bold;
        }


        .fa-pdfAttachment:hover {
            text-decoration: underline;
            color: blue;
        }
    </style>
bpmh3
83

帖子

250

跟帖

2431

积分

铂金榴莲
铂金榴莲
  • 社区居民
6楼#
发布于:2017-07-14 08:20
武汉技术支持团队:CSS代码示例:

 <style>
        .spanTitle {
            display: none;
        }


        .panel {
            box...
回到原帖
全局css放在哪个文件中,以上样式的效果图来几张。
bpmh3
83

帖子

250

跟帖

2431

积分

铂金榴莲
铂金榴莲
  • 社区居民
7楼#
发布于:2017-07-18 11:20
武汉技术支持团队:CSS代码示例:

 <style>
        .spanTitle {
            display: none;
        }


        .panel {
            box...
回到原帖
按照你提供的例子修改了MvcSheet.master  没有效果?
游客

返回顶部