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; }