如何修改ElementUI的MessageBox的默认样式

ElemetUI的默认样式都是不自动适配各设备的，所以在没有修改默认样式下直接使用是达不到想要的效果。

比如我的一个项目：

情景：当用户点击退出登录时，跳出弹框确认是否退出。

上面是我直接引入ElementUI时的效果，这显然是不合理的，默认的宽度太大了，大大影响了美观。这时我去ElementUI官网找如何修改样式，但是没有找到，文档只是教我们如何引入并使用(也可能有教程，只是我没找到),
下面我就用我的方法修改样式：

利用chorme的调试工具,找出控制弹出框的样式：

既然知道了类名和CSS属性，那么修改样式就简单多了。

下面简单修改宽度：

.el-message-box {
     
  width: 250px;
}

这样样式就好多了。ElementUI的其它组件也可以通过这方法修改样式。