css 问题，输入 [type ="text"] 不覆盖 *

Question

在我的 css 文件的顶部，我说:

* {
border:none;
margin:0; 
padding:0;
}

但我想让文本输入框有边框，所以我说几行:

input[type="text"] {
border-width:1px;
border-style:solid;
border-color: black;
}

运气不好!我是否缺少有关 CSS 工作原理的信息？输入声明不会覆盖 * 吗？

Answer 1

您还需要指定一个border-style。默认情况下，它是 none。你可能想要 solid:

input[type="text"] {
    border-width: 1px;
    border-color: black;
    border-style: solid;
}

或速记:

input[type="text"] {
    border: 1px solid black;
}