html - 使用“表单控件”删除输入字段的轮廓
问题描述
我有一个输入字段,如下所示。在班级名称中,我将其作为form-control
<input ref={englishTypeRef} className="form-control p-3 settings-input" placeholder={dbData ? dbData.englishType : null}/>
每当我专注于这个领域时,我都会在边界周围看到一个蓝色轮廓。所以在我的设置输入中我使用outline:none
.settings-input{
...
}
.settings-input:focus {
outline:none;
}
但是焦点上的蓝色边框保持不变。我怎样才能删除这个?
解决方案
尝试像这样覆盖表单控件样式:
.form-control:focus {
border-color: #ced4da; /* default B5 color or set your own color*/
border: none !important; /* if you want to remove borders at all*/
outline: none !important;
box-shadow: none !important;
}
推荐阅读
- python - 将带有图像的 PDF 转换为文本
- python - 获取选中的checkbutton-tkinter的文本
- flutter - 如何在 dart 中生成或编译 Flutter gRPC .proto 文件
- angularjs - Angular Js Smart Table自定义过滤器使用空格搜索多词过滤器
- typescript - TypeScript:在数据类型和函数上使用类型参数来配置可变性?
- microservices - 使客户端处理微服务最终一致性的最佳实践
- javascript - 在 vuejs 或 javascript 中合并两个多维数组
- amazon-web-services - 我们可以从 .NET 应用程序访问 AWS Quantum DB (QLDB) 数据库吗?
- npm - 如何修复模块构建失败 - 未捕获的错误:模块构建失败(来自 ./node_modules/babel-loader/lib/index.js):
- c++ - 有什么方法可以检查在 C 中的缓冲区中写入了多少数据/字节