如何刪除輸入類型的默認顏色？

我創建了輸入類型併爲該框創建了邊框，但是當我點擊該按鈕時，它顯示的是默認顏色，但我不應該顯示默認顏色以下是顯示的圖像：如何刪除輸入類型的默認顏色？

下面是我的html代碼：

<ion-item class="Credit"> 
<ion-input type="number" 
      placeholder="Credit Card number" 
      class="form-control"></ion-input> 
</ion-item>

下面是我的CSS代碼：

.Credit{ 
     top: 20px; 
     border-radius: 10px; 
     width: 350px; 
     display: block; 
     margin-left: auto; 
     margin-right: auto; 
     background: url(../assets/images/credit_card.png); 
     background-position:right; 
     background-size: 45px; 
     background-repeat:no-repeat; 
     border:1px solid #DADADA; 
     margin-bottom: 10px; 


}

來源

2016-12-28 Krishna_32

設定對焦的顏色，你什麼.Credit：重點{} –

您可以通過覆蓋離子的時尚風格嘗試的另一條線，因爲這同樣會在輸入有效或無效的發生：

/* Workaround to hide android default validation colors */ 
ion-item.item-md.item-input.input-has-focus .item-inner, 
ion-item.item-md.item-input.ng-valid.input-has-value:not(.input-has-focus) .item-inner, 
ion-item.item-md.item-input.ng-invalid.ng-touched:not(.input-has-focus) .item-inner { 
    border-bottom-color: #dadada; 
    box-shadow: none; 
} 

/* Workaround to hide window phone default validation colors */ 
ion-item.item-wp.item-input.input-has-focus .text-input, 
ion-item.item-wp.item-input.ng-valid.input-has-value:not(.input-has-focus) .text-input, 
ion-item.item-wp.item-input.ng-invalid.ng-touched:not(.input-has-focus) .text-input { 
    border: 2px solid #dadada; 
}

UPDATE

更多離子方式要解決這個問題，將在中加入以下內容文件：

// Ionic variables override 
$text-input-ios-show-focus-highlight: false; 
$text-input-md-show-focus-highlight: false; 
$text-input-wp-show-focus-highlight: false;

來源

2016-12-28 11:17:13 sebaferreras

嘗試.Credit:focus{outline: none;}

來源

2016-12-28 11:13:55 Roy

我試過，但沒有改變... –

.Credit：重點{大綱：無;邊框底部：0;箱-shadow：0} – Roy

只需添加CSS

.Credit:FOCUS{ 
color: #DADADA; 
}

來源

2016-12-28 11:16:02

如何刪除輸入類型的默認顏色？

回答

相關問題