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;}
  • 相关阅读:
    jquery target属性 语法
    jquery result属性 语法
    jquery preventDefault()方法 语法
    jquery pageY属性 语法
    jquery pageX属性 语法
    jquery pageX属性 语法
    jquery isDefaultPrevented()方法 语法
    jquery error()方法 语法
    jquery die()方法 语法
    jquery die()方法 语法
  • 原文地址:https://www.cnblogs.com/mengff/p/5660097.html
Copyright © 2011-2022 走看看