Html 为什么会显示CSS输入边框？

我有两种不同风格的输入框，一种是黑色的，另一种是白色的

在黑暗面上，似乎有一个丑陋的白色寄宿生，我不知道它是从哪里来的

我怎样才能摆脱这个白人寄宿生？它不会出现在白色版本上，我不知道为什么它只在添加背景色时出现

（检查小提琴）

.black{
填充：12px 20px；
保证金：0自动；
框大小：边框框；
文本对齐：居中；
显示：内联块；
背景色：黑色；
颜色：白色；
}
怀特先生{
填充：12px 20px；
保证金：0自动；
框大小：边框框；
文本对齐：居中；
显示：内联块；
}

如果您检查元素，它会显示它使用了

边框样式：插入

用于

输入

框，该框是用户代理样式表设置的默认值

因此，为了修复它，我们需要覆盖

输入

的

边框样式

属性。因此，我们将其设置为

实心

，或者您可以将其设置为

边框：1px实心红色，将
红色
替换为您所需的任何颜色

另外，如果要将
类型=text
的
输入作为目标，请确保使用如下选择器

input[type=text] {
  /* override the defaults here*/
}


.black{
填充：12px 20px；
保证金：0自动；
框大小：边框框；
文本对齐：居中；
显示：内联块；
背景色：黑色；
颜色：白色；
边框样式：实心；
}
怀特先生{
填充：12px 20px；
保证金：0自动；
框大小：边框框；
文本对齐：居中；
显示：内联块；
}


input[type=text] {
  /* override the defaults here*/
}