自定義輸入樣式

我想做一個像圖像1的輸入字段，但目前我堅持使用圖像2的灰色邊框...我嘗試使用輪廓：無，輪廓寬度：0的一切，我仍然不能擺脫輪廓做圖像1的東西...所有的幫助將不勝感激！自定義輸入樣式

圖1

圖2

來源

2017-04-22 Jayden Szekely

請發佈您的代碼... –

你可以發佈你的代碼？ –

嘗試使用border: none和border-color: transparent

樣品

input { 
 
    border: none; 
 
    border-color: transparent; 
 
    background-color: #d1d1d1; 
 
}

<input type="text" placeholder="Enter text here">

來源

2017-04-22 05:49:41

呃！當然...爲什麼我沒有想到這個！ –

要刪除邊框只需使用CSS屬性邊境：

border: 0;

來源

2017-04-22 05:47:34 Milos

input { 
 
    border: none; 
 
    border-bottom:1px solid #000; 
 
    background-color: transparent; 
 
    color:#000; 
 
} 
 
input:focus { 
 

 
    outline:none; 
 
}

<input type="text" placeholder="First Name">

來源

2017-04-22 05:59:10

border:none

這可能做的伎倆！

來源

2017-04-22 07:17:04

自定義輸入樣式

回答

相關問題