码迷,mamicode.com
首页 > 其他好文 > 详细

Ant Design Mobile 覆盖默认的样式。

时间:2020-07-01 22:30:30      阅读:188      评论:0      收藏:0      [点我收藏+]

标签:top   sign   tom   width   control   效果   font   完全   才有   

直接在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 ==

Ant Design Mobile 覆盖默认的样式。

标签:top   sign   tom   width   control   效果   font   完全   才有   

原文地址:https://www.cnblogs.com/graphics/p/13221636.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!