element.style样式的修改

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

无法修改的原因

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;
}