css - 如何在 Mac 上设置样式选择标签

Question

有谁知道如何为 mac 设置“select”标签的样式。 Chrome Safari 等？

我知道您可以通过添加 -webkit-appearance: none 来去除用户样式代理；但这也摆脱了箭头。

还有其他方法还是只有这一种？

这是我的 fiddle 。

http://jsfiddle.net/S4TfZ/1/

<div class="col-md-3 col-sm-3 col-xs-12 no-padding-left">
            <select class="form-control form-location indent-left full-width">
                <option>Select</option>
            </select>
        </div>
        <div class="col-md-3 col-sm-3 col-xs-12 no-padding-left">
            <select class="form-control form-location indent-left full-width">
                <option>Select</option>
            </select>
        </div>
        <div class="col-md-3 col-sm-3 col-xs-12 no-padding-left">
            <select class="form-control form-location indent-left full-width">
                <option>Select</option>
            </select>
        </div>
        <div class="col-md-4 col-sm-4 col-xs-12 push-right no-padding-right ">
            <div class="arrow-box">
                <p>Sell yourself and say what makes you, you</p>
            </div>
        </div>

Answer 1

样式 <select>用 CSS 制作菜单非常困难。如果我需要样式化它，我会使用 jQuery。使用 jQuery，您可以控制代码及其行为方式，这比仅使用 CSS 要好得多。我建议您阅读这篇非常有用的文章:
How to style HTML select/option tag?
http://gregfranko.com/jquery.selectBoxIt.js/
http://bavotasan.com/2011/style-select-box-using-only-css/