css - Safari 上的 Bootstrap 4 Select 不一样

Question

我正在使用引导程序 4，在我的 Mac 上的 Safari 上，下拉菜单看起来像这样

它看起来与input它左侧的不同。在 chrome 和 firefox 等其他浏览器上，输入和选择看起来相同。

这是我的下拉 HTMLform

<div class="form-row">
        <div class="col-lg-6 col-md-6 col-sm-12 form-group">
            

<input type="text" id="data-product" class="form-control border-0 form-control-lg shadow" name="Data[product]" maxlength="17" placeholder="Enter Product">

<div class="invalid-feedback"></div>
        </div>

        <div class="col-lg-4 col-md-4 col-sm-12 form-group">
        

<select id="data-data_from" class="form-control border-0 form-control-lg shadow" name="Data[data_from]">
<option value="" selected="" disabled="">Country</option>
<option value="jp" data-title="Japan">Japan</option>
<option value="us" data-title="USA">U.S.A</option>
</select>

<div class="invalid-feedback"></div>
        </div>

        <div class="col-lg-2 col-md-2 col-sm-12 form-group">
            <button type="submit" class="btn btn-lg btn-success btn-block shadow"><i class="fas fa-search"></i></button>        </div>
    </div>

我如何在 Safari 上设置相同的样式？谢谢

标签： cssbootstrap-4safari

Answer 1

我认为这是因为 Mac 而发生的，我在两个操作系统上都试过了，对我来说也是一样。

也许尝试一下style="background-color:#fff"，也许这会有所帮助，但更抱歉。

也许这个链接对你有帮助，祝你好运:)