找回密码
 注册
首页 › ≡≡网络技术≡≡ › WEB前端 ›样式表中的 element.style样式如何修改
返回列表 发新帖

样式表中的 element.style样式如何修改

灰儿 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标签就是只要加上
我这里要演示的就是让滚动条显示出来
你再刷新一下，就会发现值变过来了



回复

使用道具 举报

B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 注册
学习中心
站长自定义文字内容，利用碎片时间，随时随地获取优质内容。
Q设计语言 了解更多
Q Design 提供商家设计所需的指导与资源，帮商家快速完成产品设计、降低生产成本。
学习中心
站长自定义文字内容，利用碎片时间，随时随地获取优质内容。
Q设计语言 了解更多
Q Design 提供商家设计所需的指导与资源，帮商家快速完成产品设计、降低生产成本。
关注管理员之家(admin365.cn)，利用碎片时间，随时随地获取优质内容！
关于我们联系我们商务合作寻求报道投稿须知
意见反馈：lxtdj@163.com
稿件投诉：lxtdj@163.com
7×24小时：18805246622
商务合作：18805246622
内容合作QQ：82931570
客服QQ：82931570

关注我们

关注泗洪热线官方微博
微博账号lxtdj@163.com

关注泗洪热线微信公众号
关注泗洪热线，关注泗洪生活
商务合作、媒体邀约
QQ: 82931570
Copyright © 2021 大湖网络 Powered by 管理员之家 - 苏ICP备2023053177号-2
微信扫一扫