입력 유형 색상에서 라인을 제거하는 방법

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