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>
  • 相关阅读:
    一文让你明白Redis持久化
    spring-data-redis 2.0 的使用
    中间自适应布局的5种解法
    php实现只需要一个QQ号就可以获得用户信息
    基于LINUX下的进程管理问题
    【初码干货】记一次分布式B站爬虫任务系统的完整设计和实施
    初码-爬虫系列-文章目录
    初码-阿里云系列-文章目录
    初码-Azure系列-存储队列的使用与一个Azure小工具(蓝天助手)
    初码-Azure系列-记一次MySQL数据库向Azure的迁移
  • 原文地址:https://www.cnblogs.com/rdchen/p/14816507.html
Copyright © 2011-2022 走看看