如何在Twitter Bootstrap中的select元素上重置或删除渐变？

Question

我需要完全移除或覆盖选择元​​素上的渐变。我已经下载了自定义的Bootstrap副本，没有表单组件，并且select元素以我需要的方式显示，但是其他所有内容显然都消失了，我只需要删除select渐变即可。谢谢。

Answer 1

渐变将在.btn-*类上（假设您使用的是按钮下拉列表。）>

例如（使用btn-primary）：

.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  *background-color: #0044cc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
要删除渐变，您只需删除background-color;之外的所有背景属性（包括底部的滤镜）：

.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
您还希望使用单色边框作为结尾：

.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  border-color: #0044cc;
}
您还需要对.btn-*：hover，：focus和：active样式执行相同的操作。

Answer 2

[Herr_Hansen