如何从输入类型的颜色中删除线条

Question

我有一个输入类型的颜色。 Choose color

问题是输入类型内部的行。我的代码看起来像这样

.input-field-color{ 
    background-color : #000033 !important; 
    color : #000033 !important; 
    max-width: 90px; 
    padding-left: 0.5rem; 
    padding-right: 0.5rem; 
    box-shadow: none; 
    outline-style:none; 
    border-color:transparent; 
    border:0; 
    outline:none; 
} 

并在页面上。

<input type="color" name="chooseColor" id="chooseColor" class="form-control input-field-color" [(ngModel)]="chooseColor" #chooseColor="ngModel" required maxlength="15"> 

Answer 1

删除您只需要使用下面的CSS代码行

input::-webkit-color-swatch { border: none; }