Question

使用Mac OSX 10.9.2和Chrome版本33.0.1750.152，padding，background-color并不重要，没有任何作用。我真的只是想在padding-top元素上应用padding-bottom和5px select，在MAC OSX上的任何地方都可以使用Chrome。是什么赋予了？如何在所有平台上全局实现？

Answer 1

在添加CSS以选择webkit浏览器中的元素时，您需要应用-webkit-appearance:none;。

DEMO http://jsfiddle.net/XxkSC/3830/

Answer 2

有更好的选择来实现自然设计：

height:30px;
background:#ffffff;

DEMO JSFiddle

P.S

Vector的答案是隐藏右侧的箭头。

Answer 3

将以下属性添加到css文件中的select：

-webkit-appearance:none;

Answer 4

如果您使用的是引导程序，则可以添加类str(item) if not isinstance(item, set) else '.'：

custom-select

添加后，您最终可以通过向CSS添加<select class="form-control custom-select">属性来调整高度：

line-height

https://getbootstrap.com/docs/4.1/components/input-group/#custom-select

Answer 5

此解决方案不仅适用于select，而且适用于input和textarea。

select,
textarea,
input {
    -webkit-appearance: none !important;
       -moz-appearance: none !important;
            appearance: none !important;
}

我还将解决方案应用于所有浏览器，因此它在任何地方都应以相同的方式工作。

!important帮了我大忙，但这取决于您是否需要它。

如何将CSS应用于Mac Chrome Select Box？

5 个答案: