首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >bootstrap 3按钮悬停/焦点状态

bootstrap 3按钮悬停/焦点状态
EN

Stack Overflow用户
提问于 2014-05-15 10:07:52
回答 3查看 64.8K关注 0票数 6

Bootstrap 3的按钮悬停状态与其焦点状态完全相同。

有没有办法改变这一点?我知道这只是一个表面上的问题,但我希望当鼠标悬停离开时,鼠标的悬停状态会消失,但仍然有另一个明显的功能,即知道按钮具有焦点。

我不知道这是我的浏览器的问题,还是它真的是故意的(或者一个bug?)。

我使用的是Chrome最新版本。(版本34.0.1847.131 m)

链接到Bootstrap 3按钮示例。http://getbootstrap.com/css/?#buttons-tags

单击标记为“输入”的第三个按钮,然后向外移动鼠标。

--

更新:

我尝试过覆盖默认的焦点/悬停样式,但现在按钮即使在鼠标悬停在其上时也会停留在焦点状态。有没有办法克服这个问题?似乎焦点状态在样式上比悬停具有更高的优先级。

--谢谢你们的指点。对于预期的行为,即使在焦点上,仍然具有不同的悬停状态,需要重新定义悬停状态。

我添加的css是这样的:

代码语言:javascript
复制
.btn-default:focus,
.btn-default:active,
.btn-default.active
{
  background-color: #ffffff;
}

.btn-default:hover
{
  background-color: #ebebeb;
}
EN

Stack Overflow用户

发布于 2017-03-15 03:11:04

无需覆盖样式,只需将单击事件设为来自jquery的.blur()即可。它将移除点击时的焦点,并解决问题!

票数 2
EN
查看全部 3 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/23668104

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档