Css 重写全局类型选择器类

我的申请表有不同的表单页。这些表单上的大多数文本框元素共享相同的全局css规则，例如宽度属性150px、字体系列、字体大小等。因此，我为大多数文本框创建了一个全局css类型选择器类。但是，这些表单上的某些文本框需要另一个更小或更宽的宽度属性值。如何覆盖特定文本框的此类全局类型

以下是大多数表单文本框的全局类型选择器类：

input[type=text]{
   width: 150px;
   font-family: verdana,
   font-size: 12px;
   ...
}

---

提前感谢。

为这些特定文本框创建一个类，并将样式应用于该类：

<input type="text" class="short" />

input[type=text]
{
   width: 150px;
   font-family: verdana,
   font-size: 12px;
   ...
}

input[type=text].short
{
   width: 90px;
   ...
}

或者，如果整个表单需要这些不同的样式，请为父元素设置选择器：

<div class="shortform">
   <input type="text" />
</div>

input[type=text]
{
   width: 150px;
   font-family: verdana,
   font-size: 12px;
   ...
}

.shortform input[type=text]
{
   width: 90px;
   ...
}

---

为这些特定文本框创建一个类，并将样式应用于该类：

<input type="text" class="short" />

input[type=text]
{
   width: 150px;
   font-family: verdana,
   font-size: 12px;
   ...
}

input[type=text].short
{
   width: 90px;
   ...
}

或者，如果整个表单需要这些不同的样式，请为父元素设置选择器：

<div class="shortform">
   <input type="text" />
</div>

input[type=text]
{
   width: 150px;
   font-family: verdana,
   font-size: 12px;
   ...
}

.shortform input[type=text]
{
   width: 90px;
   ...
}

---

您所说的特定文本框是什么意思？您所说的特定文本框是什么意思？我的问题是为什么输入[type=text]会覆盖webkit浏览器中的类名？我的问题是为什么输入[type=text]会覆盖webkit浏览器中的类名？