如何使自举输入域“透明”

我试图从一个自举输入form-control删除边框。设置border-color:white后我得到这个如何使自举输入域“透明”

enter image description here

我怎么能失去这个顶部边框？我认为这可能是一个影子属性，但是......什么也没有。

这是标记

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

引导V3.1.1

编辑：

低于溶液的无正在工作。看到使用rgba()这Fiddle

2014-02-21 haki

设置背景颜色也增加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覆盖现有的样式

2014-02-21 06:26:14

感谢您的答复 - 请看看在编辑的小提琴。 – haki

http://jsfiddle.net/pranavcbalan/52VtD/3001/ –

加上'的box-shadow：无重要;' –

.transparent-input { background: tranparent; }

2014-02-21 06:28:05

改变背景色。

.transparent-input { 
    background-color: rgba(0, 0, 0, 0); 
    border:none; 
}

你可以改变背景颜色（0,0,0）和其不透明度为 '0'。也use border:none。并尝试使用!important覆盖现有的样式，如果以上不工作。

2014-02-21 06:31:27 newTag

回答