自定义输入样式

我想做一个像图像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

自定义输入样式

回答

相关问题