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; } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |