如何让后加载的元素被一开始就有的css样式渲染成功（强制提升css优先级）
浏览数：34 /
时间：2015年06月09日
今天在做搜索框中的提示语下拉的时候，提示框把搜索框的底部的border遮住，导致看起来不是很美观：
因为下方的提示框是用js后加载的它的样式也是随着js一起加载的，而这个js和它的css我们是不能改动的。如果直接一开始就使用css设置，卸载首页的css文件中，当focus输入框的时候，输入框的css是后加载进来以及渲染的，以至于我们看到的结果是一开始写在首页css文件中的样式被后面加载的样式覆盖了：
方案一：使用js定时器，当focus后延时一会儿大概255ms左右，再来渲染提示框的上边框颜色，亲测可用。
方案二：使用层级，给搜索框的的zIndex设置比较高的值，这样永远在提示框的上层，我还没试过，不知行不行。
方案三：这是一位同事”新强“找到的解决方式，使用强制提升css的优先级，这个方法也是可用！
#zSearchSuggest{ border-top:1px solid red !important;}
当然，实际做的时候是把red化成相应的蓝色。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
