加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

twitter-bootstrap – 单击时在Bootstrap 3按钮顶部删除内部渐变

发布时间:2020-12-18 00:23:44 所属栏目:安全 来源:网络整理
导读:当用户点击按钮时,你能告诉我如何从Bootstrap 3按钮中删除渐变:如下图所示: .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: now
当用户点击按钮时,你能告诉我如何从Bootstrap 3按钮中删除渐变:如下图所示:
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus,.btn:active:focus,.btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,.btn:focus {
  color: #333;
  text-decoration: none;
}
.btn:active,.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,.125);
          box-shadow: inset 0 3px 5px rgba(0,.125);
}

解决方法

在按钮的活动状态期间应用框阴影.

试试这个:

.btn:active
{
    box-shadow:none;
}

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读