如何清除下拉列表中的边框:CSS

前端之家收集整理的这篇文章主要介绍了如何清除下拉列表中的边框:CSS前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想删除刚刚在下拉列表之外的边框.
我在尝试:
select#xyz option {
  Border: none;
}

但对我来说不行.

解决方法

你最能得到的是:
select#xyz {
   border:0px;
   outline:0px;
}

你不能完全风格,但你可以尝试像

select#xyz {
  -webkit-appearance: button;
  -webkit-border-radius: 2px;
  -webkit-Box-shadow: 0px 1px 3px rgba(0,0.1);
  -webkit-padding-end: 20px;
  -webkit-padding-start: 2px;
  -webkit-user-select: none;
  background-image: url(../images/select-arrow.png),-webkit-linear-gradient(#FAFAFA,#F4F4F4 40%,#E5E5E5);
  background-position: center right;
  background-repeat: no-repeat;
  border: 1px solid #AAA;
  color: #555;
  font-size: inherit;
  margin: 0;
  overflow: hidden;
  padding-top: 2px;
  padding-bottom: 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

猜你在找的CSS相关文章