问题:如果我设置了一个样式为:
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;}
同样可以实现效果。
评论