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

vxf3dgd4 于 2022-12-06 发布在 Go

关注(0)|答案(2)|浏览(135)

在我的生活中，我不能在Chrome OS x中删除选择框上的背景/框阴影。我需要它像其他输入一样是纯白色的。看看这里：
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;

google-chrome

来源：https://stackoverflow.com/questions/22013947/select-background-white-transparent-chrome-osx

2条答案

按热度按时间

llycmphe1#

试试看：

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

您可能还想用途：

select:focus { outline: none; }

赞(0）回复(0）举报 2022-12-06

cyej8jka2#

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

关于SW4的意见：

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

另请参阅Chris Coyier的这篇文章

Dropdown default styling - Chris Coyier

火狐浏览器

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

从这个答案

赞(0）回复(0）举报 2022-12-06

我来回答

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

2条答案

相关问题

热门标签

最新问答