问题：如果我设置了一个样式为：
input[type=text] {
height:18px;
min-width:60px;
border:1px solid #999999;
margin:0px 1px 0px 1px;
padding:auto 2px;
overflow:visible;
background-color:#FFFFFF;
line-height:20px;
}
这样就控制了所有的input类型为text的html控件。假如现在我有一个input不想被上面的控制，我该如何做？前提是不修改这段css，只在这个不想被控制的标签上单独设置，应该如何弄？
首先想到的方法是：
.lockbtn{border:0px;background-color:white;color:Red;}
<input id="test" type="text" class="lockbtn" />
结果我发现并没有出现我预想的结果，跟没设置一样。后来才发现必须在新添加的input前面加上html标签进行强调。
css修改为：
input.lockbtn{border:0px;background-color:white;color:Red;}
这样就可以实现希望的效果了。
还有个方法是，html代码改为：
<div class="lockbtn"><input id="test" type="text" /></div>
CSS样式修改为：
.lockbtn input{border:0px;background-color:white;color:Red;}
同样可以实现效果。
评论