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

在-webkit-appearance: inherit;上设置#pd-signin select已将其删除。然后你似乎需要添加一些箭头来表明它是一个下拉列表。

关于SW4的评论：

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

另请参阅Chris Coyier的这篇文章

Dropdown default styling - Chris Coyier

<强>火狐

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

From this answer

选择背景白/透明 - Chrome OSx

2 个答案: