使用easyui的类库时,css不要使用标签作为选择器,在不兼容的浏览器下会影响easyui的样式。
最近刚开始学习使用easyui,从参考api入手,模仿demo进行编写。以前没有使用过这种类库的东西,不了解它的实际机制,所以用css进行样式定义的时候常常使用标签作为选择器(CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。),例如:
.btn div {
<span style="white-space:pre"> </span>margin-left:10px;
}
input ,textarea{
<span style="white-space:pre"> </span>width:20px;
}
这里想要说的是,不要用html的标签直接作为css的选择器,因为在使用easyui的控件的时候,它会在你自己定义的标签里创建新的各种标签,这些标签才是要显示出来的效果,具体可以在开发者工具里面的element中看到。所以直接使用标签作为选择器,会影响到easyui的标签样式(一般会在不兼容模式下会出现这种情况)。使用id或类作为选择器,不会影响其他类库对标签的样式定义。例如:
#rightb_con {
padding-left:14px;
}
.rb {
margin-top:7px;
}
初用easyui,css应用也不熟练,这是我在用的时候出现的问题。