2015-04-05 110 views
0

我有一个CSS样式影响页面中所有输入: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" /> 
+0

使用CSS [':不是(..)'](https://css-tricks.com/almanac/selectors/n/not/)选择。 – 2015-04-05 12:52:47

+0

工作表示感谢 – 2015-04-05 12:56:29

回答

1

使用CSS :not(..)选择器筛选出不需要的元素。

在你的情况,

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