zoukankan      html  css  js  c++  java
  • 报表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>
  • 相关阅读:
    HTML-利用CSS和JavaScript制作一个切换图片的网页
    HTML-★★★格式与布局fixed/absolute/relative/z-index/float★★★
    HTML-CSS样式表-★★★常用属性★★★及基本概念、分类、选择器
    HTML-★★★★★表单★★★★★
    HTML-图片热点、网页内嵌、网页拼接、快速切图
    HTML-常用标签与表格标签
    HTML-基础及一般标签
    C#-★结构体★
    C#-函数的传值与传址
    C#-★★函数★★
  • 原文地址:https://www.cnblogs.com/rdchen/p/14816507.html
Copyright © 2011-2022 走看看