修改浏览器的默认样式

基本样式

• reset.css：一个传统的 CSS 重置文件，旨在通过删除所有默认的浏览器样式来实现跨浏览器的一致性。
• normalize.css：一个现代的、HTML5 友好的替代 CSS 重置文件，旨在使浏览器渲染所有元素更一致并符合现代标准。

通常可以这样理解：

• reset.css：更激进，尽量清空默认样式。
• normalize.css：更温和，尽量保留合理默认值并修正常见差异。

现代项目里，也常见根据自身设计体系只写一份最小化基础样式，而不是完整引入通用 reset。

隐藏 Edge 密码显示按钮

/* Hide password reveal button in MS Edge */
::-ms-reveal {
  display: none;
}

调整 Chrome 自动填充样式

不要通过超长延时动画来掩盖自动填充背景色；可直接覆盖 WebKit 伪类的文字和内阴影样式。

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-text-fill-color: currentcolor;
  box-shadow: 0 0 0 1000px Canvas inset;
}

注意事项

• 重置默认样式时，不要把可访问性相关能力一并抹掉，例如焦点样式、列表语义提示等。
• 如果移除了浏览器默认样式，通常需要补上自己的基础排版、表单和交互状态样式。