如何刪除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> 

我試圖在跨度風格屬性添加"border: none"或"border: 0px"，但沒有任何變化。任何想法 ？

謝謝

Answer 1

問題不在於邊界。跨度頂部有一個箱形陰影。 下面的代碼刪除

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