修改element.style样式的教程

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

无法修改的原因

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

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

如何处理：

可以去找一下响应的js文件，去修改设置的style属性样式，基本很多都是在JS代码里写死的，在使用第三方js文件时会遇到。

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

input:-webkit-autofill {
　　-webkit-box-shadow: 0 0 0px 1000px white inset;
　　-webkit-text-fill-color: #333;
}

如果html里确实没有写baistyle，那么基本上就是js写出来的了，在内部js和外部js都仔细检查下，看看哪里定义了修改一下就行了，如果实在是不会改js，那么最简单的办法就是把那个p标签换掉(比如换成span)。

👋 感谢您的观看！