zoukankan      html  css  js  c++  java
  • Ant Design Mobile 覆盖默认的样式。

    直接在css中这样写是不行的,完全没有效果。

    .am-list-item.am-input-item {
        height: 36px;
        min-height: 30px;
    }

    要像下面这样,加上global才有效果。

    :global {
      .am-list-body {
        background-color:transparent;
        //border-top: 1px solid #ddd !important;
        //border-bottom: 1px solid #ddd !important;
      }
      .am-list-item {
        height: 36px;
        min-height: 30px;
        .am-list-line {
          .am-list-content {
            font-size: 14px;
          }
          .am-list-extra {
            font-size: 14px;
          }
          .am-list-arrow {
            width: 10px;
            height: 10px;
          }
        }
    
        .am-input-label {
          font-size: 14px;
        }
    
        .am-input-control {
          input {
            font-family: SourceHanRegular, serif;
            font-size: 14px;
          }
        }
      }
    
      .am-list-item.am-input-item {
        height: 36px;
        min-height: 30px;
      }
    }

    == The End ==

  • 相关阅读:
    python redis
    Celery
    RabbitMQ
    python的文件锁操作
    cloud-init alibaba
    cloud-init tencent
    关于 python 的类
    jnija2模板渲染
    python multiprocessing
    学习html5的WebSocket连接
  • 原文地址:https://www.cnblogs.com/graphics/p/13221636.html
Copyright © 2011-2022 走看看