阅读:4932
回复:7
|
如何修改样式,比如全局修改线条颜色/边框颜色/背景颜色等 |
2楼#
发布于:2017-07-11 11:01
t156965365:CSS入门与精通 你值得拥有回到原帖只能每个表单单独调整? |
|
3楼#
发布于:2017-07-11 11:29
|
|
4楼#
发布于:2017-07-13 23:05
表单使用的是bootstrap框架,可以直接修改bootstrap.css;也可以修改mvcsheet.master这个文件,重写css样式
|
|
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> |
|
6楼#
发布于:2017-07-14 08:20
|
|
7楼#
发布于:2017-07-18 11:20
|
|