如何從輸入類型的顏色中刪除線條

我有一個輸入類型的顏色。 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">

來源

2017-03-17 Charlotte

輸入:: - WebKit的顏色色板{ 邊界：無; } –

我試過了，但它不工作。 – Charlotte

它在鉻中看起來一樣。 – Charlotte

刪除您只需要使用下面的CSS代碼行

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

來源

2018-01-07 11:41:08

如何從輸入類型的顏色中刪除線條

回答

相關問題