html - Safari 文本输入和数字输入大小

Question

所以，我还没有看到任何似乎与我遇到的问题有关的问题。我有一堆 CSS 和 HTML，但问题点是我的文本和数字输入。我的 CSS 和样式适用于 Windows 上的谷歌浏览器，但在任何 Safari 或基于苹果的浏览器上都有固有问题。

selectAnswer 下拉菜单和 numberAnswers 输入在 safari 上不会改变大小，这让它们有点难以阅读，因为它们默认比我的其余部分。

为了使下拉菜单和数字输入更大，我需要做一些特定于 Safari 的事情，还是我忽略了一些更简单的事情？

HTML:

<p class="question">Questions</p>
<br/>        

<div class="selectAnswer">

    <select style="font-size:16pt">
        <option value="novalue" id="novalue">Please select an option.</option>
        <option value="option1" id="option1">option1</option>
        <option value="option2" id="option2">option2</option>
        <option value="option3" id="option3">option3</option>
        <option value="option4" id="option4">option4</option>
        <option value="option5" id="option5">option5</option>
        <option value="option6" id="option6">option6</option>
    </select>
</div> 
<br/>


<div class="numberAnswers">

    <label for="num1">please input the first number</label><br/>
    <input type="number" style="font-size:16pt;height:22px;" name="num1" id="qNum1">

    <br/>
    <br/>

    <label for="num2">please input the second number</label><br/>
    <input type="number" style="font-size:16pt;height:22px;" name="num2" id="qNum2">
    <br/>
</div>    

CSS:

label{
    margin-left: 30px;
    display: block;
    color: #0B2643;
    font-size:22px;
    -webkit-transition: color 0.5s, font-size 0.5s;
    transition: color 0.5s, font-size 0.5s;
}

label:hover{
    color:#7A0000;
    font-size:26px;
}

select{
    line-height:18px;
}

.selectAnswer{
    display:block;
    color:#0B2643;
}

.numberAnswers{
    display:block;
    color:#0B2643;
}

Answer 1

尝试将它放在 CSS 工作表的顶部:

* {
    -webkit-appearance: none;
}