CSS中解决被element.style覆盖的问题

时间: 2015-11-04 / 分类: 学习心得 / 浏览次数: 4,724 / 31个评论 发表评论

之前在做个东西,用了 telerik:RadGrid 来做页面的数据查询结果显示,但是修改了控件的 PageSize 之后,数据列表和下面的翻页部分,会有一个很大的空白区域。

可是不管我调整 GridData 部分的 CSS,还是 Pager 部分,这个空白却无法弥合。使用 Firebug 来查看页面的样式信息,发现是样式信息被 element.style 给覆盖了。

经过查询,发现这个 element.style 是系统样式,应该是使用 telerik 控件本身引入的样式。可是控件又无法修改,对我这样的前端小白来说,修改起来本身已经很痛苦了,还在这里折磨我。

最后还是求助万能的搜索引擎,原来 CSS 里面还有个 !important 关键字,将它放在控件自动产生的那个 rgDataDiv 里面,设定一个固定的高度,问题就解决了。

历史上的今天

2014年:文摘手打043:解剖傅满洲,治疗“恐华症”(38条评论)

2013年:2008年早春的泉城公园(0条评论)

2012年:快乐星期天230期:一周美女秀(31)(44条评论)

2011年:文摘手打022:经典细节(43条评论)

2009年:RSSReader:手机上的RSS阅读器[译文125](102条评论)

2009年:2009年中国征兵宣传海报(185条评论)

2007年:看完《奋斗》(2条评论)

31个评论

  1. 神父
    2015/11/04 08:54:05

    工程师你好

  2. Betty
    2015/11/04 09:00:22

    新技能get
    有在主题里见过!important,不过从没上心过…

  3. Shrek
    2015/11/04 11:32:38

    这个样式多半是在代码里直接写入的,找到代码删除就行了,也可能是在js里对特定的class或者ID写入的,这样给id或class单独改个名字,重新写样式就行了

  4. 豪杰博客
    2015/11/04 12:42:57

    6逼,表示看不懂

  5. 子痕
    2015/11/04 12:56:30

    攻城师你好

  6. 子痕
    2015/11/04 12:57:15

    你的头像全是撕裂的图片。。。

  7. TeachCourse
    2015/11/04 22:20:53

    学习了,这个css样式不错呀


  8. 2015/11/04 22:21:45

    一看到技术相关的东西,就头大。。

  9. 孙华
    2015/11/05 02:15:43

    看来有够小白,哈哈

  10. 懿古今
    2015/11/05 09:17:51

    我修改CSS的时候, 碰到自己改不动的样式就加上一个!important,这个挺好用的

  11. Shepherd
    2015/11/05 12:11:31

    路易是全能的 啊!!

  12. Yang
    2015/11/05 19:11:25

    我也是今年知道!important 的……

  13. 斯文败类
    2015/11/05 20:28:17

    眼花缭乱,搞不懂代码

  14. 瀚川
    2015/11/06 10:48:09

    你应该感谢现在的主流浏览器都支持important了,大概2-3年前要做兼容的时候这里就该哭了……虽然也不是完全没办法

    • 路易大叔 Louis Han
      2015/11/06 22:36:05

      我擦 你不要吓我啊

      • 瀚川
        2015/11/07 00:28:25

        我没有吓你啊,前几年必须做ie678的兼容,而这三个是不认important的。

        我还记得当时遇到过类似的问题,办法是放弃用控件,cs里面拼的前端字符串。

  15. Sven
    2015/11/09 23:58:24

    原来大叔是程序员啊

发表评论

您的昵称 *

您的邮箱 *

您的网站