CSS的重置样式可以通过使用reset.css文件来实现。这个文件会将所有元素的默认样式都设为相同的初始值，从而消除不同浏览器之间的显示差异。

下面是一个常用的reset.css文件的示例代码：

/* reset.css */
html {
    box-sizing: border-box; /* 统一盒模型计算方式 */
}
*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: inherit; /* 继承上级元素的盒模型计算方式 */
}
body {
    font-family: Arial, sans-serif; /* 设定基本字体族 */
    line-height: 1.5; /* 行高 */
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal; /* 取消标题标签的加粗效果 */
}
a {
    text-decoration: none; /* 去除链接下划线 */
    color: #007bff; /* 设定颜色 */
}
ul, ol {
    list-style: none; /* 清除列表项符号 */
}
img {
    max-width: 100%; /* 图片最大宽度自动调整到容器尺寸 */
    height: auto; /* 保持原比例 */
}
button {
    cursor: pointer; /* 改变光标形状为手指 */
    background: transparent; /* 按钮无背景色 */
    outline: none; /* 移除点击时的边框 */
    border: none; /* 移除边框 */
}
input[type="text"], input[type="password"] {
    appearance: none; /* 移除输入框默认外观 */
    -webkit-appearance: none; /* Safari/Chrome特定属性 */
    -moz-appearance: none; /* Firefox特定属性 */
    border: none; /* 移除边框 */
    outline: none; /* 移除点击时的边框 */
    background: none; /* 输入框无背景色 */
}
img{
    vertical-align: middle; 
}
/* 改 el-dialog的默认样式*/
