css - 如何删除 Bootstrap/css 中跨度边框的深度？

Question

正如您在这张图片上看到的那样，有一个顶部边框(具有深度效果)，我需要将其删除(我只想将文本写在橙色背景上，没有任何效果):

代码如下:

  <div class="form-group col-lg-3">
    <div>
      <label for="message"><br></label>
      <div>
        <span class="form-control hide" id="error-msg" style="color: red; background-color:#ED7D31;">different passwords</span>
      </div>
    </div>
  </div>

我尝试在 span 样式属性中添加 "border: none" 或 "border: 0px"，但没有任何变化。有什么想法吗？

谢谢

Answer 1

问题不在于边框。跨度顶部有一个框阴影。下面的代码将其删除

-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;