选择背景白色/透明 - Chrome OSx

Question

在我的一生中，我无法在 OSx 上的 Chrome 中删除选择框上的背景/框阴影。我需要它像其他输入一样是纯白色的。看这里：

http://index1.staging.homeflow.co.uk/pdrum/register.html

一些正在使用的代码不起作用：

background: #ffffff;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff));
background: -moz-linear-gradient(top, white, white);
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0px, rgba(255, 255, 255, 1) 0px);
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;

Answer 1

在#pd-signin select 上设置-webkit-appearance: inherit; 为我删除了它。 那么看来你需要添加一些箭头来表明它是一个下拉菜单。

关于 SW4 的评论：

我不会删除任何焦点元素的轮廓，因为这不利于可访问性。

另请参阅 Chris Coyier 的这篇文章

Dropdown default styling - Chris Coyier

火狐

-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';

From this answer

Answer 2

试试：

select{
   -webkit-appearance: none;
   box-shadow: none !important;
}
:-webkit-autofill { color: #fff !important; }

您可能还想使用：

select:focus { outline: none; }