自定义输入样式

Question

我想制作像图像1这样的输入字段，但目前卡在图像2的灰色边框上......我尝试过使用outline：none，outline-width：0所有内容我仍然不能摆脱大纲去做像图1这样的事情......所有的帮助都会非常感激！

是的，1

是的，2

Answer 1

要删除边框，只需使用CSS属性 border ：

border: 0;

Answer 2

尝试使用border: none和border-color: transparent

样品

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

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

Answer 3

＆＃13;

＆＃13;

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

  outline:none;
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 4

border:none

这可能会成功！