bootstrap和bootstrap-select的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 .dropdown-toggle:focus {
  outline: thin dotted #333333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px;
}

将对应的outline设置为none,可以禁止浏览器出现蓝色边框

时间: 2025-01-17 11:53:20

bootstrap和bootstrap-select的outline设置的相关文章

【Bootstrap】Bootstrap Datepicker使用

插件:http://url.cn/V4S8w4 1.添加样式和引用JS文件 <link href="CSS/bootstrap-datetimepicker.css" rel="stylesheet" type="text/css" /> <script src="js/jquery-1.9.1.js" type="text/javascript"></script> &

MVC bootstrap 实现 bootstrap table 左右传递数据

源码: @{ ViewBag.Title = "Index"; } @using BC.Platform.UPMS.Models; <!DOCTYPE html> <html lang="zh-CN"> <head> <meta name="viewport" content="width=device-width" /> <title>用户管理</title&

HTML中的&lt;select&gt;标签如何设置默认选中的选项

方法有两种. 第一种通过<select>的属性来设置选中项,此方法可以在动态语言如php在后台根据需要控制输出结果. 1 2 3 4 5 < select  id =  "sel" > < option  value = "1" >1</ option > < option  value = "2"  selected = "selected" >2</ opt

【Bootstrap】Bootstrap如此好用!

作为一个后端工程师,我们对前端了解的不是很多,但是有时候为了有一个很好的页面的显示效果,我们会考虑去美化下自己写的页面,但是我门不应该把所有的时间都花在美化.所以就有了这篇文章. Bootstrap,是个什么东西我们就不用多说,官网说的比我好.这篇文章不是教你怎么去用Bootstrap,而是为了说明我们(非前段Web编程人员)为什么要用她. Bootstrap,可以很容易做出优雅的界面,我们只需要会使用她提供的class(html中的class)就可以了,你就可以做出不是纯粹的.很丑的html页

[Bootstrap] install Bootstrap framework in window 7 by npm

Install with npm You can also install Bootstrap using npm: $ npm install bootstrap require('bootstrap') will load all of Bootstrap's jQuery plugins onto the jQuery object. The bootstrap module itself does not export anything. You can manually load Bo

bootstrap在reset.css文件中设置margin为0,因此其他的标签需要重新设计margin。

1.h <h>标签和普通使用方法一样. 定义了.h1~.h6六个类名,样式和标题样式一样. 副标题用<small>标签指出,必须包含在h标签内. <h1>Bootstrap标题一</h1> <div class="h1">Bootstrap标题一</div> <h1>Bootstrap标题一<small>我是副标题</small></h1> 2.p 定义<bod

bootstrap中模态框的大小设置;

bootstrap模态框调节大小: 大尺寸:黑体加大的字体,是更改的代码 <!-- 大模态框的调节 --> <button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">Large modal</button> <div class="m

关于bootstrap中css样式与自己设置的css样式相撞问题

1.在对网页进行布局前就先将bootstrap包中的东西导入到自己的页面中去.自己定义的css样式导入在bootstrap之后,可以起到当类名与bootstrap重复时对bootstrap样式践行覆盖的作用. 2.尽量避免所取类名与bootstrap相撞 3.当页面显示效果与自己所想不符时,利用审查元素找到该元素对应的样式,有可能是因为bootstrap中定义的样式起了作用. 4.如若上一步成立,可在自己的css样式中对其进行覆盖. 原文地址:https://www.cnblogs.com/cc

bootstrap动态调用select下拉框

html代码: <label for="classify" class="col-sm-2 control-label">填报部门:</label> <div class="col-sm-3"> <select class="selectpicker form-control" data-live-search="true" name="addid&quo