css - ionic /Angular 如何从输入中删除边框

Question

我的输入字段中出现以下黑色边框。如何删除控件周围丑陋的 1px 边框？

我在 CSS 中找不到它，或者因为我是新手，所以不知道如何查找它。

代码:

<ion-col col-8>
    <input formControlName="cardno" placeholder="{{ 'PAYMENT_CARD_NUMBER' | translate }}" card-number />
</ion-col>

在输入周围产生丑陋的 1px 边框:

Answer 1

清理输入和文本区域:

textarea, input 
{ 
 background:none; 
 outline: none; 
 -webkit-appearance: none; 
 box-shadow: none !important; 
 border: none; 
}