Windows的“选择框”上的CSS无法像OSX一样工作

Question

我有一段代码无法在Windows / Android上运行，但是在OSX和Linux上可以正常运行。我知道它与CSS有关，但我无法弄清楚这个问题。选择框中的所有数据不会显示在框中。下面的两个图片都选择了相同的值。

Windows

OSX

这是我的代码：

CSS

input::placeholder {
            color: dodgerblue;
        }

        .filter-form {
            font-size: .75em;
        }

        .filter-form select {
            color: dodgerblue;
            border-radius: 0;
            margin: 0px;
            padding: 15px;
            display: block;
            height: 35px;
            width: 100%;
            border: 1px solid dodgerblue;
            font-family: "PT Sans", "Helvetica", sans-serif;
            font-weight: bold;
        }

        .filter-form input {
            color: dodgerblue;
            border-radius: 0;
            margin: 0px;
            padding: 15px;
            display: block;
            height: 35px;
            width: 100%;
            border: 1px solid dodgerblue;
            font-weight: bold;
            font-family: "PT Sans", "Helvetica", sans-serif;
        }

以及页面中的代码：

<div class="product-filter">

                    <h3>Filter By:</h3>

                    <div class="sort">

                        <div class="collection-sort filter-form">
                            <form method="get">
                                {{ filter.form.as_p }}
                                <button class="btn-a btn-a_size_small btn-a_color_theme" type="submit"
                                        style="margin:10px 0;">Filter Results
                                </button>
                            </form>
                        </div>


                    </div>
                </div>