如何删除输入区域周围的黑色轮廓？
如何删除输入区域周围的黑色轮廓？
提问于 2020-11-27 20:07:16
所以我把这些黑匣子放在我正在构建的表格上的输入区域周围。有什么办法我可以删除这一点，我也使用引导不确定这是否影响它，但如果有任何想法。非常感谢！
.form-input-styling {
border-radius: 0 2em;
padding: 0 10px;
width: 50%;
border: none;
line-height: 2em;
margin-bottom: 20px;
background-color: #f25b43;
} <div class="row">
<div class="col-12"><input class="form-input form-input-styling" type="text" id="fname" name="fname" required placeholder="Name"></div>
<div class="col-12"><input class="form-input form-input-styling" type="email" id="email" name="email" required placeholder="Email"></div>
<div class="col-12"><input class="form-input form-input-styling" type="tel" id="phone_num" name="phone_num" placeholder="Phone Number"></div>
<div class="col-12"><textarea id="text-area" name="textarea" rows="4" cols="50" placeholder="Enter Your Message Here"></textarea></div>
<div class="col-12"><input type="submit" value="Submit"></div>
</div>
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-11-27 20:27:27
将outline: none;添加到输入元素的css中。
.form-input-styling {
border-radius: 0 2em;
padding: 0 10px;
width: 50%;
border: none;
outline: none;
line-height: 2em;
margin-bottom: 20px;
background-color: #f25b43;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65043310
复制相关文章
相似问题
腾讯云开发者
