zoukankan      html  css  js  c++  java
  • bootstrap和bootstrap-select去除蓝色边框outline

    /*bootstrap outline设置*/
    .btn:focus,
    .btn:active:focus,
    .btn.active:focus,
    .btn.focus,
    .btn:active.focus,
    .btn.active.focus {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px;
    }
    input[type="file"]:focus,
    input[type="radio"]:focus,
    input[type="checkbox"]:focus {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px;
    }
    a:focus {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px;
    }
    /*bootstrap-select outline设置*/
    .bootstrap-select .dropdown-toggle:focus {
      outline: thin dotted #333333 !important;
      outline: 5px auto -webkit-focus-ring-color !important;
      outline-offset: -2px;
    }

    bootstrap清除outline

    .btn.active.focus, .btn.active:focus,.btn.focus, .btn:active.focus,.btn:active:focus, .btn:focus {
      outline:0;
    }

    bootstrap-select清除outline

    /*去除选择框的outline*/
    .bootstrap-select .dropdown-toggle:focus{outline:none !important;}
    /*去除选项的outline*/
    a:focus {outline:none !important;}
  • 相关阅读:
    CSS3 transition 过度
    CSS3 2D转换
    jQuery 选择器
    bootstrap、qjuery、插件 、字体网页
    利用jquery.backstretch插件,背景切换
    js 背景自动切换
    Jquery
    分析动态网页请求爬取腾讯视频评论
    追女神助手v0.1
    动态加载网页的爬取总结
  • 原文地址:https://www.cnblogs.com/mengff/p/5660097.html
Copyright © 2011-2022 走看看