热搜词
发表于 2016-1-31 10:56:19 | 显示全部楼层 |阅读模式
   我们在写前面 web样式的时候,会发现有些时候,我们怎么修改 style里面的值,页面上的样式都不会修改,当你用工具查看时,会发现里面会有 element.style的值,这个值还找不到是在哪里出现的,还修改不了。其实element.style是一种内联样式,意思是写在标签里的css。很多情况下是在一些javascript代码里写死的,这种方法相当不好。但是有些时候,我们在使用第三方js文件时,会遇到。哪么我们如何去修改它呢,其实很简单。看下面这种情况,如果你在源代码,是看不到body后面跟一个style的,使用工具,你会发现它变成了下面这种突然给了一个  style

  • </pre><pre name="code" class="html">这个是我正常的body标签
  • <body>  
  • 下面这个是通过查看元素看到的标签  
  • <body style="overflow:hidde; height: 100%; border: none; margin: 0px; padding: 0px;" >

我使用firebug会看到,原来是这种内联样式。

01.png

其实我们可以用!important来修改它
我原来的body标签就是只要加上
我这里要演示的就是让滚动条显示出来
你再刷新一下,就会发现值变过来了



全部评论0
回复
您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|Archiver|手机版|小黑屋|管理员之家 ( 苏ICP备2023053177号-2 )

GMT+8, 2025-1-16 04:49 , Processed in 0.188993 second(s), 29 queries .

Powered by Discuz! X3.5

Cpoyright © 2001-2025 Discuz! Team