input [type ='text'] CSS选择器不适用于默认类型的文本输入吗？

默认输入类型为“文本”。我一直认为，input[type='text']即使没有在控件上明确声明类型，CSS声明定位也会影响这些输入。但是，我只是注意到我的默认类型文本输入没有获得样式。为什么会这样呢？我该如何解决呢？

input[type='text'] {
  background: red;
}

<input name='t1' type='text' /> /* Is Red */
<input name='t1' /> /* Is Not Red */

CSS仅使用DOM树中的数据，这与渲染器决定如何处理缺少属性的元素无关。

因此，要么让CSS反映HTML

input:not([type]), input[type="text"]
{
background:red;
}

或使HTML明确。

<input name='t1' type='text'/> /* Is Not Red */

如果没有做到这一点，您将永远无法区分

element { ...properties... }

和

element[attr] { ...properties... }

因为所有属性将始终在所有元素上定义。（例如，table始终具有一个border属性，0默认为。）

根据CSS规范，浏览器可能会或可能不会使用有关默认属性的信息。大部分都不是。CSS 2.1规范中的相关子句是DTD中的5.8.2默认属性值。在CSS 3 Selectors中，使用相同名称的6.3.4子句。它建议：“选择器的设计应使其无论文档树中是否包含默认值都可以使用。”

通常最好是明确指定基本属性，例如type=text而不是默认属性。原因是没有简单可靠的方法来引用input具有默认type属性的元素。

因为，不应该这样做。

input[type=text] { } 是一个属性选择器，并且只会选择具有匹配属性的那些元素。

为了与所有浏览器兼容，您应该始终声明输入类型。

有些浏览器会将默认类型假定为“文本”，但这不是一个好习惯。

尝试这个

 input[type='text']
 {
   background:red !important;
 }