如何在Mac上选择标签样式

时间:2014-02-28 15:48:43

标签: css forms google-chrome coding-style

有没有人知道如何为mac设置“select”标签的样式。铬野生动物园等?

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

还有其他方式或者这是唯一的吗?

这是我的小提琴。

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>

1 个答案:

答案 0 :(得分:1)

使用CSS设置样式<select>菜单非常困难。如果我需要造型,我会使用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/