如何使自舉輸入域「透明」

我試圖從一個自舉輸入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

回答