0
点赞
收藏
分享

微信扫一扫

报表css表单样式(引入的css文件)

624c95384278 2022-08-31 阅读 222

/*报表css表单样式 */

/*-------------超链接-----------------*/
.myLinkA {
text-decoration: none;
font-size: 12px;
background: #5298d1;
border-radius: 3px;
padding: 3px 10px !important;
text-align: center;
display: inline-block;
font-size: 16px;
height: auto !important;
color: #fff !important;
/* 禁止换行 */
white-space: nowrap;
}

.myLinkA:hover {
background: #2475b6;
text-decoration: none;
cursor: pointer;
}

/*-------------主框架-----------------*/
#mainTable {
margin: 0 auto;
width: 100%
}

/*-------------表格-----------------*/
table,tr,td,th {
text-align: center;
}

td {
height: 25px;
}

.tableNoLine {
border: none;
}

.tableLine tr td {
border: 0.5px solid #a3cee0;
}

.table-border{
border:none;
}

#thT {
height: 25px;
border-right: 1px soild gray;
}


#leftBottomTab td {
text-align: left;
}

#rightTab tr:nth-child(even) {
background: #FFF;
}

#rightTab tr:nth-child(odd) {
background: #F0F1F1;
}

#rightTab tr:hover {
background: #F0F1F1;
}


/*-------------文本域-----------------*/
textarea {
height: 200px;
}
textarea:hover {
background-color: #F0F1F1;
}

/*-------------input控件-----------------*/

input {
margin: 0 !important;
border: 0.5px F0F1F1 solid !important;
text-align: center;
}

input:hover {
background-color: #F0F1F1;
}

.inputWith220 {
width: 220px;
}

.myInputText{
width: 210px;
height:50px;
}

/*-------------下拉框-----------------*/
select ,select>option{
background-color:#FCFCFC;
}

/*-------------遮罩层样式-----------------*/
.zzcMain {
position: fixed;
display: none;
/* border:1px solid gray; */
}

.zzc {
width: 140px;
height: 33px;
border: 0px solid gray;
position: fixed;
}

.zzc>span {
color: blue;
font-size: 14px;
line-height: 35px;
}


/*-------------其他样式(不一定使用到)-----------------*/
#title {
line-height: 35px;
font-weight: bold;
}

.title-bgn-color{
background-color: #f9f9f9;
}

.header-bgn-color {
background-color: #e5f2ff !important;
font-weight: bold;
color: #666;
font-size: 14px;
}

.headRow {
/* background-color: #F0F1F1; */
font-size:20px;
}

 

 

注意引入

引入图标(遮罩层用)

<link rel="stylesheet" type="text/css" href="${ctx}/styles/common/css/font-awesome/font-awesome.min.css"></link>

举报

相关推荐

0 条评论