CSS不会影响特定元素

Question

我的CSS样式会影响页面中的所有输入：

input[type="text"]
{
    width: 250px;
    display: block;
    border: 1px solid silver;
    background: linear-gradient(#eee, #fff);
    transition: all 0.3s ease-out;
    padding: 5px;
    margin: 5px;
    color: #555;
    box-shadow: inset 0px 1px 4px #ECECEC;
    -moz-box-shadow: inset 0px 1px 4px #ECECEC;
    -webkit-box-shadow: inset 0px 1px 4px #ECECEC;
    cursor: pointer;
}

input[type="text"]:focus
{
    outline: none;
    background-position: 0 -1.9em;
    border: 1px #8DB1F0 solid;
}

但是，我不希望它影响这个，因为样式会导致此元素出现问题。

<input id="companyname" runat="server" />

Answer 1

使用CSS :not(..)选择器过滤掉不需要的元素。

在你的情况下，

input[type="text"]:not(#companyname){
    ....
}