问

停止Bootstrap组按钮以保持专注

 男孩介于边缘 发布于 2022-12-07 10:29
  • html
  • label
  • button
  • default
  • css
  • import

    • 单击后如何防止按钮保持聚焦状态？

    HTML

    CSS

    @import url('http://getbootstrap.com/dist/css/bootstrap.css');

 body {
    margin: 10px;
}

    请看看我在这个小提琴里的意思.

    我知道我可以通过将样式应用于锚点而不是按钮来绕过这个,但我不能这样做,因为我必须保留以下原始asp.net控件.

    我也看到了这个解决方案与jQuery,它工作正常,但它似乎太具体.

    jQuery的

    $(".btn").mouseup(function(){
    $(this).blur();
})

    我想知道是否只有一个CSS解决方案,我很欣赏如何做到这一点的一些方向.谢谢.

    1 个回答

    • 如果您不想使用该jquery片段,则无法添加类.我能想到的唯一选择是覆盖样式:focus.

      .btn-default:focus {
    background-color: #fff;
    border-color: #ccc;
}

      理想情况下,您可能希望使用自己的类,但这取决于您是否能够将类添加到asp:Button.

      2022-12-11 03:09 回答
    撰写答案
    今天，你开发时遇到什么问题呢？
    立即提问
    热门标签
    PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
    Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有