选择背景白色/透明 - 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

尝试：

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

您可能还想使用：

select:focus { outline: none; }

Answer 2

#pd-signin select -webkit-appearance: inherit;设置为我删除了它。然后，您似乎需要添加一些箭头来指示它是一个下拉列表。

关于SW4的评论：

我不会删除任何重点元素的大纲，因为这对于可访问性很差。

另请参阅克里斯·科伊尔的这篇文章

下拉默认样式 - 克里斯·科耶尔

火狐

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

从这个答案