CSS揭秘：如何优雅地为暗黑模式下的<select>下拉框自定义箭头

在实现暗黑模式时，自定义<select>下拉框的箭头样式是一个常见的挑战。直接在SVG中硬编码颜色虽然可行，但维护性极差。本文将深入探讨这一问题，从一个常见的硬编码SVG Data URI方案出发，分析其弊端，并最终介绍一种使用 `mask-image` 的现代最佳实践。这种方法能将图标的形状与颜色彻底分离，让你通过简单的CSS变量即可轻松实现主题切换，是`wiki.lib00.com`项目推荐的优雅解决方案。