之前在做个东西,用了 telerik:RadGrid 来做页面的数据查询结果显示,但是修改了控件的 PageSize 之后,数据列表和下面的翻页部分,会有一个很大的空白区域。
可是不管我调整 GridData 部分的 CSS,还是 Pager 部分,这个空白却无法弥合。使用 Firebug 来查看页面的样式信息,发现是样式信息被 element.style 给覆盖了。
经过查询,发现这个 element.style 是系统样式,应该是使用 telerik 控件本身引入的样式。可是控件又无法修改,对我这样的前端小白来说,修改起来本身已经很痛苦了,还在这里折磨我。
最后还是求助万能的搜索引擎,原来 CSS 里面还有个 !important 关键字,将它放在控件自动产生的那个 rgDataDiv 里面,设定一个固定的高度,问题就解决了。
© 路易大叔 Louis 倾情奉献 生活志, 2006-2015.
原始链接(Permalink): CSS中解决被element.style覆盖的问题 |
13 条评论
标签(Post tags): css, Firebug, telerik
订阅(Subscribe): 直接订阅 | FeedBurner
站点(More Blogs): 生活在济南 | 落入凡间的天使 | 小小的梦想
服务(My Services): 世嘉服务网 | 济南生活|读书-音乐-电影 | 迷失济南