标签：
.validatebox-tip-content{ display:inline-block; position:absolute; top:0px; left:10px; padding:3px 5px; border:1px solid #CC9933; background:#FFFFCC; z-index:9900001; font-size:12px; }
默认主题里面有这个内容说明easyui的默认主题对验证提示信息进行了样式设置。
现在比如我把主题换到淡粉色(主题名字是metro-red),找到相应的样式文件easyui.css,可以发现在这个文件里面并没有上面的内容,没有上面的内容说明该主题并没有进行这个样式的设置，这就是更换了主题之后为什么验证信息会跑偏的原因所在了。
解决方案:
在出现问题的jsp文件里面添加样式设置内容可解决。例如我出现问题的页面是index.jsp这个页面,那么可以在index.jsp页面的title下面添加下面的内容(具体属性值可以自己改动):
<style type="text/css"> .validatebox-tip-content{ display:inline-block; position:absolute; top:110px; left:650px; padding:3px 5px; border:1px solid #CC9933; background:#FFFFCC; z-index:9900001; font-size:12px; } </style>
截图如下，添加红框部分即可:
添加样式设置之后该问题即可解决了,现在可以自己控制显示的位置。
easyui更换主题之后出现validatebox的验证提示信息显示跑偏的解决方案
标签：
原文地址：http://www.cnblogs.com/longshiyVip/p/4643572.html
