webpack css打包后样式改变问题

Question

提交按钮图标未打包之前的样式显示的是居中

run build后,提交按钮图标就不居中了

如何解决webpack css打包后样式改变问题???

Answer 1

打包后，样式被重置了。其他的 css 样式覆盖了按钮的样式。

css 的优先级

!important > 行内样式 > id > class > tag > * > 继承 > 默认

找一下是哪个样式覆盖掉的，然后根据优先级，调整一下。