标签：报表 color ----------------- 表单 ------------- background height border 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>

标签：报表,color,-----------------,表单,-------------,background,height,border,css
来源： https://www.cnblogs.com/rdchen/p/14816507.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。