如何修改element.style内联样式-创新互联-成都快上网建站

如何修改element.style内联样式-创新互联

这篇文章给大家分享的是有关如何修改element.style内联样式的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:国际域名空间、网站空间、营销软件、网站建设、盘龙网站维护、网站推广。

我们在写前面web页面样式的时候,会发现有些时候,我们怎么修改style里面的值,页面上的样式都不会修改,当你用工具查看时,会发现里面会有element.style的值,这个值还找不到是在哪里出现的,还修改不了。

element.style内联样式是什么

其实element.style是一种内联样式,很多情况下是在一些JavaScript代码里写死的,这种方法相当不好。但是有些时候,我们在使用第三方js文件时,会遇到。哪么我们如何去修改它呢,在才源代码中用!important语法优先权来实现我们想要的效果。

修改element.style内联样式

使用jqweui的拓展组件picker的时候,在浏览器尺寸不同的时候,一些尺寸下组件的样式会出错

Plus机型.png

Plus以下尺寸.jpg

很容易看出布局出错是因为字体大小过大出错

查看query-weui.css

html{
  font-size:20px;
  }
  body{
  font-size:16px;
  }
  @mediaonlyscreenand(min-width:400px){
  html{
  font-size:21.33333333px!important;
  }
  }
  @mediaonlyscreenand(min-width:414px){
  html{
  font-size:22.08px!important;
  }
  }
  @mediaonlyscreenand(min-width:480px){
  html{
  font-size:25.6px!important;
  }
  }

jquery-weui.css对尺寸400px、414px、480px的机型使用了!important规则,覆盖了其余的html样式字体申明

在iPhone6机型下,在Styles选定全局搜索font-size

发现系统默认的样式CSS中内联样式将字体设置为50px

感谢各位的阅读!关于“如何修改element.style内联样式”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!


网站标题:如何修改element.style内联样式-创新互联
文章URL:http://kswjz.com/article/csecej.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流