CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了css – 如何在Twitter Bootstrap中的select元素上重置或删除渐变?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要完全删除或覆盖选择元​​素上的渐变.我已经下载了Bootstrap的自定义副本,没有表单组件,select元素以我需要的方式出现,但是其他一切都显然已经没了,我只需要删除选择渐变.
谢谢.

解决方法

梯度将在.btn- *类(假设您使用按钮下拉列表).

例如(使用btn-primary):

.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(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,#0044cc);
  background-image: -o-linear-gradient(top,#0044cc);
  background-image: linear-gradient(to bottom,#0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0,0.1) rgba(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.25);
  background-color: #006dcc;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0,0.25);
}

您也想使用单色边框完成:

.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0,0.25);
  background-color: #006dcc;
  border-color: #0044cc;
}

您还需要为.btn – *:hover,:focus和:活动样式做同样的操作.

大佬总结

以上是大佬教程为你收集整理的css – 如何在Twitter Bootstrap中的select元素上重置或删除渐变?全部内容,希望文章能够帮你解决css – 如何在Twitter Bootstrap中的select元素上重置或删除渐变?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: