Html 当您单击SAFARI浏览器中的任何选择框时，页面将刷新

只要单击任何选择框，页面就会刷新。这仅在SAFARI浏览器中发生。我也在CHROME和FIREFOX上测试过，效果非常好

macOS Mojave上的SAFARI版本SAFARI 12.1

我已经找到了一个解决方案，但没有针对这个问题的具体解决方案

有人曾经面对过这个问题吗？如果是，请分享您找到的任何解决方案

更新 当我从选择框CSS中删除字体系列时，它不会重新加载页面

但是有没有什么解决方案可以让我在不重新加载页面的情况下应用相同的字体样式

@导入url'https://fonts.googleapis.com/css?family=Quicksand:400，500600700&显示=交换'； 身体{ 字体系列：流沙，无衬线； } .选择框{ 位置：相对位置； 宽度：200px； } 挑选{ 字体系列：流沙，无衬线； 填充：10px； 宽度：100%； 字体大小：15px； 边界半径：4px； 边框：1px实心666； -webkit外观：无； } .选择框。V形{ 位置：绝对位置； 顶部：14px； 右：12px； 高度：8px； 宽度：8px； 右边框：1px实心666； 边框底部：1px实心666； 变换：旋转45度； } 页面标题 沃尔沃汽车 萨博 欧宝 奥迪

---

创建自己的字体工具包可以解决此问题。必须通过为选择标记创建字体面并从字体面添加字体族来设置特定的字体族

@字体{ 字体系列：“quicksandregular”； src:url'quicksand-regular-webfont.woff2'格式'woff2'， url'quicksand-regular-webfont.woff'格式'woff'； 字体大小：正常； 字体风格：普通； } 挑选{ 字体系列：“quicksandregular”； }

---

可能重复的Hi，@PrabhjotSinghKainth是的，这是问题的可能重复，但我没有找到相同的解决方案。非常感谢。我添加了local@font-face，并将该css应用于select，效果很好。