如何使引导输入字段"透明"

Question

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

我怎么能失去这个顶级边界？我以为它可能是一个影子属性但是......没什么.

这是标记

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

bootstrap v3.1.1

编辑:

以下解决方案均无效.看到这个小提琴

Answer 1

设置背景颜色rgba()也使用添加border:none;删除边框

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

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

或者只是将背景颜色设置为transparent.

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

添加!important以覆盖现有样式