antd有一套自己的样式,但是根据工作情景,有时需要重新定义antd的样式:
1、修改页面的input的下边框
:global(html:not([data-scale]) .am-list-item:not(:last-child) .am-list-line::after){ background-color:white; }
2、修改全局button样式-隐去外边框
body :global(.am-button::before) { border: 0 none; opacity: 0; animation:none 0 ease 0 1 normal; }
3、怎么去除antd-mobile中的InputItem的外边框
.bank_con :global(.am-list-item img){ width: 17px; height: 17px; }
4、重新定义inputItem的字体大小
.bank_con :global(.am-list-item .am-input-label){ font-size: 12px; } .bank_con :global(.am-list-item .am-input-control input){ font-size: 12px; }