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 ==
作者:zdd
出处:http://www.cnblogs.com/graphics/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利.