input输入框的class为form-control时，去除蓝色边框

最新推荐文章于 2023-06-26 17:07:11 发布

原创最新推荐文章于 2023-06-26 17:07:11 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何通过CSS代码去除HTML中input输入框和selectpicker多选框在聚焦状态下的蓝色边框，提供了一种统一的解决方案，使页面元素在交互时更加美观一致。

input输入框的class为form-control时，去除蓝色边框

input.form-control:focus{
    	outline: none;
    	box-shadow: none;
    	border-color: #888888;
    }

selectpicker多选框class为form-control时，去除蓝色边框

.bootstrap-select .dropdown-toggle:focus{
    	outline:none !important;
    	border-color: #888888;
    }
    a:focus {outline:none !important;}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

清晓疏星

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Bootstrap 全局CSS样式：表单类的使用

WangMin@汪末末

08-30

1835

作者:WangMin 格言:努力做好自己喜欢的每一件事优快云原创文章博客地址 ???? WangMin 基本实例单独的表单控件会被自动赋予一些全局样式。所有设置了.form-control类的<input>、<textarea>和<select>元素都将被默认设置宽度属性为width: 100%;。将label元素包裹到.form-group中可以更好地展示表单。 <form> <div class="form-group"> &l

Bootstrap_03_(全局CSS之表单&按钮&图片&辅助类&响应式工具)

cxy_06的博客

05-03

724

本节课我们接着上节课内容继续讲全局CSS的样式，今天主要讲表单、按钮、图片、辅助类、以及响应式工具 1.表单基本表单 class="form-control"：可为<input> <textarea> <select>元素设置该属性，会将宽度设置为100% class="form-group"：可为<div>设置该属性，<div>中包含<label>和<input>，这样层次...

参与评论您还未登录，请先登录后发表或查看评论

input框的class属性为form-control，怎么去掉边框和阴影

xm的博客

10-20

7653

去掉input框的class属性为form-control 解决方法： http://yayihouse.com/yayishuwu/chapter/2218

去掉默认输入框按下时的蓝色边框

weixin_33806300的博客

05-27

304

2019独角兽企业重金招聘Python工程师标准>>> ...

class=\"form-control\"

12-10

在HTML和前端开发中，`class="form-control"`是一个常用的类名，通常用于表单控件（如输入框、下拉菜单、...Bootstrap的`form-control`类通常会设置宽度为100%，添加边框、内边距和其他样式，使表单控件看起来更美观。

bootstrap布局中input输入框右侧图标点击功能

09-02

在Bootstrap布局中，我们经常需要在input输入框的右侧添加一些功能性的图标，例如清除按钮或切换密码可见性的图标。然而，Bootstrap默认情况下，并不直接支持这些图标触发点击事件。这是因为图标通常作为字体图标...

<input type="email" v-model="email" placeholder="" autocomplete="email" autofocus="autofocus" class="textinput textInput form-control" >这行代码是什么意思？

最新发布

11-19

<input type="email" v-model="email" placeholder="" autocomplete="email" autofocus="autofocus" class="textinput textInput form-control"> 分解每个属性的含义： 1. `type="email"`： - 指定输入框类型为...

<div class="form-group"> <label class="col-sm-3 control-label"><i>*</i> 家长关系：</label> <div class="col-sm-8"> <input id="relation" name="relation" class="form-control" type="text" maxlength="10" autocomplete="off" placeholder="请输入家长关系"> </div> </div>如何设置输入框必填

03-20

<input id="relation" name="relation" class="form-control" type="text" maxlength="10" autocomplete="off" placeholder="请输入家长关系" required> ``` - 效果：提交表单时若未填写，浏览器会弹出默认提示...

<form class="pure-form pure-form-aligned"> <div class="status"> <div class="pure-control-group"> <b class="m name">Name:</b> <input type="text" readonly="ture" class="input-text l" id="name" /> 解释一下

09-30

<form class="pure-form pure-form-aligned"> <div class="status"> <div class="pure-control-group"> <b class="m name">Name: <input type="text" readonly="ture" class="input-text l" id="name" /> ...

bootstrap中按钮的蓝色边框怎么去除

weixin_45439010的博客

11-01

1579

在网上找了很久，都是说要去掉outline属性但其实还有一个外阴影属性也要去除代码如下 .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: none; box-shadow:none; } 这样以后就可以设置自己喜欢的样式啦 ...

formControl

weixin_30389003的博客

06-25

381

formControl 属性每一个FormControl都有一个valueChanges事件，该事件返回一个可观察的流 <input [formControl]="my"> my:FormControl=new FormControl(); constructor() { this.my.valueChanges.debounceTime(500).subscribe(...

form-control给input添加这个class类后就会使用bootstrap自带的input框

weixin_30558305的博客

10-31

1181

<input type="text" class="form-control" id="name" placeholder="请输入名称"> 转载于:https://www.cnblogs.com/zouyun/p/7763462.html

bootstrap中input添加.form-control类有何作用？

热门推荐

哈里·雪利博客

12-06

4万+

1、bootstrap中input添加.form-control类，表示为input元素添加表单控件； 2、以下举几个案例： Eg1：，form-control控件，可以为input元素添加CSS定制样式。 Eg2：，form-control控件，可以为input元素添加CSS定制样式。 Eg3：表单控件(下拉选择框select) form-control">

为Form设置无边框样式（为无边框窗体添加边框阴影、并支持拖拽移动）

暂无内容

06-26

564

为Form设置无边框样式（为无边框窗体添加边框阴影、并支持拖拽移动）

谷歌浏览器下，去掉input输入记录提示框

weixin_33825683的博客

06-20

7917

2019独角兽企业重金招聘Python工程师标准>>> ...

给表单中的文本元素添加 class 属性 form-control

qq_37499398的博客

05-19

1万+

Style Text Inputs as Form Controls你可以在你的 button 提交按钮上添加 Font Awesome的 fa-paper-plane 图标，方法是在元素中增加 <i class="fa fa-paper-plane"></i> 。给你表单的文本输入框增加 classform-control 。在你的表单提交按钮中增加 class btn ...

bootstrap表单中样式class=‘form-group’与class='form-control'

azgegiujmm1205713的博客

06-14

1427

{# 一种 #} 用户名： {# 另一种 #} 密码：转载于:https://www.cnblogs.com/Zhao159461/p/11023640.html

Form controls表单属性控制

Jenis57的博客

03-04

1346

有些时候，我们需要提供给用户一些默认的可期待的选项，而这时我们希望在用户点击input框时，有跳出的内容以供用户选择，当然用户也可以手动输入，而这些选择就是属于datalist的内容。因为不同的浏览器可能对于type：color的input框会设置不同的高度，bootstrap规定了固定的大小。在input的list属性标注的id得到绑定。但是这种datalist的style在各个浏览器是不同的。的value属性被作为展开的选项。