Html 输入标签顶部的深色

这是我的HTML代码：

<input type="text" placeholder="Email address" style="width:290px;border-radius:5px;">

非常简单的HTML代码。这是JFiddle：

正如你所看到的，由于某种原因，顶部的一部分是黑色的，不知道为什么

我尝试了以下css功能：

边框样式

和

边框颜色

---

但是它没有真正起作用

您需要覆盖

边框

样式：

.input-block-level {
  border: none;
}

如果您喜欢使用内联样式，只需在代码中添加

border:none

：

<input type="text" class="input-block-level" placeholder="Email address" style="width:290px;border-radius:5px;border:none" />

---

使用

边框：无：

input {
  border: none;
}


.
这是因为您没有指定全部边框选项。只需添加
边框样式：实心
，您就有了一个扁平的边框。
边框属性
只需注意，它将去掉所有边框，因此您可能需要设置属性，否则它将为空。因此，可能类似这样

<input type="text" class="input-block-level" placeholder="Email address" style="width:290px;border-radius:5px;border: 1px solid #B5B6B7;padding: 5px" />

将删除默认的浏览器大纲，当事件处于活动状态并选择焦点时显示该大纲。您可以尝试对输入字段使用以下CSS属性

边框样式：无

您可以使用：


border:0

边框：无
边框：1px纯白


您使用了带边框的类none


。输入块级别
{
边界：无；
}
* {
  outline: none;
}