我有一个输入字段,如下所示。在类名中我将其作为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;
}
但焦点上的蓝色边框保持不变。我怎样才能删除这个?
Bootstrap: "bootstrap": "^5.0.2"
尝试重写表单控件样式,如下所示:
.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;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)