首页 > 其他分享 >去掉bootstrap4自带的input输入框半透明阴影

去掉bootstrap4自带的input输入框半透明阴影

时间:2024-01-05 16:03:42浏览次数:26  
标签:bootstrap focus 输入框 bootstrap4 input 自带 css

bootstrap 输入框等输入时会自带蓝色阴影效果,有时候我们并不需要。

button同理

查看bootstrap.css代码,搜索focus,找到相关内容。

去掉bootstrap4自带的input输入框半透明阴影_css

所以我们再写css,把它原来的覆盖掉就可以啦

/*去掉bootstrap自带的input输入框半透明阴影*/
.form-control:focus {
		box-shadow: none;
}

标签:bootstrap,focus,输入框,bootstrap4,input,自带,css
From: https://blog.51cto.com/ding/9115032

相关文章

  • 【Qt之Quick模块】7. Quick基础、常用组件Item、Rectangle、Text、TextInput、TextEdi
    1.概述QtQuick模块是编写QML应用程序的标准库。QtQML模块提供QML引擎和语言基础结构,QtQuick模块提供用QML创建用户界面所需的所有基本类型。它提供了一个可视化画布,包括用于创建和动画化可视化组件、接收用户输入、创建数据模型和视图以及延迟对象实例化的类型。QtQuick模块......
  • 无涯教程-Java 正则 - Matcher reset(CharSequence input)函数
    java.util.regex.Matcher.reset(CharSequenceinput)方法使用新的输入序列重置此匹配器。Matcherreset-声明publicMatcherreset(CharSequenceinput)input - 新的输入字符序列。Matcherreset-返回值这个匹配器。Matcherreset -示例下面的示例显示java.uti......
  • 利用强化学习算法解释人类脑对高维状态的抽象表示:how humans can map high-dimensiona
    论文:《Usingdeepreinforcementlearningtorevealhowthebrainencodesabstractstate-spacerepresentationsinhigh-dimensionalenvironments》地址:https://www.cell.com/neuron/fulltext/S0896-6273(20)30899-0正文:https://www.cell.com/neuron/pdf/S0896-6273(20......
  • python学习笔记4(print复杂语法、input、注释、代码缩进)
    上一节学习了概述、开发工具、编写方法、print简单语法本节内容:(一)print复杂语法1、多条print输出到一行显示print('北京',end='---->')print('欢迎你')2、使用连接符连接多个字符串+不能连接数据值和其他类型print(192,168,1,1,sep='.')#多个字符串通过.间隔print('北京欢迎你'+'2......
  • 无涯教程-Java 正则 - Pattern String[] split(CharSequence input)函数
    java.util.regex.Pattern.split(CharSequenceinput)方法将给定的输入序列拆分为该模式的匹配项。String[]split-声明publicString[]split(CharSequenceinput)input  - 要拆分的字符序列。String[]split-返回值通过在此模式的匹配项附近拆分输入来计算的字符......
  • 无涯教程-Java 正则 - Matcher matcher(CharSequence input)函数
    java.util.regex.Pattern.matcher(CharSequenceinput)方法创建一个匹配器,该匹配器将根据该模式匹配给定的输入。Matchermatcher-声明publicMatchermatcher(CharSequenceinput)input  - 要匹配的字符序列。Matchermatcher-返回值此模式的新匹配器。Matcher......
  • uniapp打包h5中的input disabled问题
    uniapp打包h5后,input如果加了disabled属性,那么在360浏览器上@click事件不生效<inputtype="text"class="input"placeholder="请选择":value="type_name":disabled="true"@click="showType">可以换成view元素显内容和点击事件<viewclas......
  • uniapp打包h5中的input disabled问题
    uniapp打包h5后,input如果加了disabled属性,那么在360浏览器上@click事件不生效<inputtype="text"class="input"placeholder="请选择":value="type_name":disabled="true"@click="showType">可以换成view元素显内容和点击事件<viewclas......
  • cmd黑窗口报错:输入行太长(The input line is too long)
    1.情景展示如上图所示,当我在命令提示符窗口执行命令时,报错:Theinputlineistoolong.Thesyntaxofthecommandisincorrect.怎么办?2.具体分析要运行命令的所在路径太长了,我们只需将需要启动的bat文件所在目录迁移至磁盘根目录下即可。3.解决方案原路径为C:\Users\M......
  • .in'ig.status: error: cannot find input file: `
    交叉编译libaac库,源码下载地址https://sourceforge.net/projects/faac/解压unzipfaac-1.28.zipcdfaac-1.28.zip执行./bootstrap时出现如下错误#./bootstrap-bash:./bootstrap:/bin/sh^M:badinterpreter:Nosuchfileordirectory原因是bootstrap的文件......