一站式百度SEO排名优化!-找老刘博客 低投入,高转化,精益求精、一丝不苟:旨在提供更好的SEO服务!

首页>>前端开发

element.style样式的修改

首页 2020-09-03 前端开发 5643 ℃Tags: element.style css


解决方案:element.style为内联样式,基本很多都是在JS代码里写死了的,但是我们可以用 !important 语法优先权来实现我们想要的效果。


近在二次开发一个插件时发现自己给添加的样式总是无法展示,在控制台发现了一个特别的样式***element.style***,这个值还找不到在哪

微信截图_20200903170525.png

无法修改的原因

HTMLElement.style 属性返回的是一个CSSStyleDeclaration 对象是只读的,表示元素的内联style 属性,但忽略任何样式表应用属性,也就是说style 属性被当成只读的(尽管FF(Gecko),Chrome,Opean允许修改它),通过style 可访问的CSS属性列表可以查看CSS PropertiesRefer


这些样式都是浏览器的默认样式


如何处理

可以去找一下响应的js文件,去修改设置的style属性样式

基本很多都是在JS代码里写死,在使用第三方js文件时会遇到,可以用***!important*** 语法优先来实现

例如,修改google浏览器输入框颜色

input:-webkit-autofill {

  -webkit-box-shadow: 0 0 0px 1000px white inset;

  -webkit-text-fill-color: #333;

}


如果html里确实没有写baistyle,

那么基du本上就是js弄出来的了,

在内部zhijs和外部js都仔细检查下dao,看看哪里定义了修改一下就行了,如果实在是不会改js,那么最简单的办法就是把那个p标签换掉(比如换成span)


搜索
分类
热门标签
  • 首页
  • 电话
  • QQ
  • 联系老刘手机
    1043025812
    联系老刘微信
    扫描微信二维码