报表css表单样式（引入的css文件）

/*报表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>