HTML学习笔记

怎么去掉input自带的黑框？

要去掉input的边框，可以通过CSS的border属性来实现。具体方法如下：

1. 使用border: none;：这是最直接的方法，将input元素的边框设置为none，即可去除边框。
2. 使用border: 0;将边框宽度设置为0，也可以达到去除边框的效果。
3. 同时去除边框和轮廓：如果需要去除input的默认边框和焦点时的轮廓，可以同时设置border: none;和outline: none;。
4. 去除特定状态的边框：如果只需要在特定状态下（如点击或聚焦）去除边框，可以使用:focus或:active等伪类来指定状态并设置outline: none;。

例如，要完全去除input的边框，包括默认边框和焦点时的蓝色外边框，可以这样写：

CSS:

input {
  border: none;
  outline: none;
}

如果想要在输入框被点击时去除边框，可以这样写：

CSS:

input:focus {
  outline: none;
}