如何删除输入类型的默认颜色？

我创建了输入类型并为该框创建了边框，但是当我点击该按钮时，它显示的是默认颜色，但我不应该显示默认颜色以下是显示的图像：如何删除输入类型的默认颜色？

下面是我的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

如何删除输入类型的默认颜色？

回答

相关问题