我试图从焦点input
或活动时删除边框,但它不起作用。我正在使用引导程序和 sass,但它不起作用。在这里我展示了我想要的.
我想去掉点击写字时出现的黄红绿边框
<div class="row">
<div class="form-group mx-auto">
<input type="email" class="form-control-lg border-0" placeholder="Correo Electronico">
</div>
</div>
风格
.form-control-lg {
background: $main-color-l;
border-bottom: 2px solid $shadow-green !important;
color: white;
margin-top: 10px;
&:focus {
border: none;
}
&:active {
border: none;
}
}
除非您有想要应用自定义的引导样式;即:
你的 CSS 代码的顺序应该是这样的:
现在使用 CSS 你会有这样的输入:
稍后使用 CSS 我们以这种方式修改它的外观:
:focus
类来识别文本框何时被点击并且可用于书写outline: none;
我们删除放置鼠标光标时放置的默认边框border: 1px solid red;
只是放了一种不同的颜色,使变化变得明显完整的例子