css - 如何在不影响其他元素的情况下覆盖输入字段中的所有 css 样式类？

Question

我正在将输入字段自定义为 100% witdh。如果我必须这样做，我很困惑:

首先:

.fullwidth
input,
input[type="text"]
 {
    width: 100%;
    -webkit-box-sizing : border-box;‌​
    -moz-box-sizing : border-box;
    box-sizing : border-box;
    height: 35px;
}

或者只是

第二:

.fullwidth
 {
    width: 100%;
    -webkit-box-sizing : border-box;‌​
    -moz-box-sizing : border-box;
    box-sizing : border-box;
    height: 35px;
}

不知何故，第二个对我的文本框没有任何影响。但是当我使用第一个时，它会影响文档中的所有输入字段，破坏其他元素的样式。

Answer 1

你应该给你的输入一个id

<input type="text" id="yourId" name="yourName">

在你的css文件中你应该写

#yourId
{
    width: 100%;
    -webkit-box-sizing : border-box;‌​
    -moz-box-sizing : border-box;
    box-sizing : border-box;
    height: 35px;
}

它应该工作