css - 如何制作 Bootstrap 输入字段 "transparent"

Question

我正在尝试从 Bootstrap 输入 form-control 中删除边框。设置 border-color:white 后我得到了这个

我怎么能失去这个顶部边框？我认为它可能是影子属性(property)，但……什么都没有。

这是标记

<div class="form-group">
  <input class="form-control transparent-input" type='text' name='name' placeholder="Field title..."  required>
</div>

Bootstrap v3.1.1

编辑:

以下解决方案均无效。看这个Fiddle

Answer 1

使用 rgba() 设置背景颜色，同时添加 border:none; 去除边框

<style>
    input.transparent-input{
       background-color:rgba(0,0,0,0) !important;
       border:none !important;
    }
</style>

最后一个值 0 将使背景透明

或者简单地将背景颜色设置为透明。

<style>
    input.transparent-input{
       background-color:transparent !important;
       border:none !important;
    }
</style>

添加 !important 以覆盖现有样式