Flask 应用程序不显示移动设备的 css 元素（在桌面上工作正常）

问：

我有一个 flask Web 应用程序，它在桌面上运行良好，但 CSS 没有应用于我的某些页面，我不确定为什么。由于某种原因，某些字体在移动设备上有所不同，但最值得注意的是，我为下面的 select 标签所做的任何 CSS 调整似乎都没有采用。

当我在桌面浏览器上模拟移动设备时效果很好

但是移动设备上的字体不同，并且选择标签CSS似乎根本不起作用

我什至尝试为 select 标签添加内联 CSS，但它没有任何效果。

在我的标题中：<link href="{{ url_for('static',filename='styles.css') }}" rel="stylesheet" />

在我的 HTML 文件中：

<div class="size-selection">
    <select class="option-selector" id="size">
        <option value="S">S</option>
        <option value="M">M</option>
        <option value="L">L</option>
        <option value="XL">XL</option>
    </select>
</div>

CSS 文件：

.option-selector {
  width: 300px;
  cursor: pointer;
  border: 2px solid #979797;
  padding: 7.5px 10px 8.5px;
  border-radius: 3px;
  line-height: 1.42;
  font-family: "Open Sans", sans-serif;
  font-size: 0.85714em;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0;
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding-right: 100px;
}

.size-selection {
  display: flex;
  position: relative;
  margin-bottom: 1em;
  max-width: 50px;
  overflow: visible;
}

我很迷茫，任何见解将不胜感激，因为我已经坚持了好几天了。甚至不确定如何排除故障，因为浏览器设备模拟器甚至没有在移动设备上显示问题。