如何在添加背景圖像時刪除文本框周圍的邊框我有

我有一個文本框，我使用outline:none;刪除了默認邊框但是，當我添加背景圖像時，邊框顯示並且無法刪除！如何在添加背景圖像時刪除文本框周圍的邊框我有

我該如何擺脫這個？這裏是框：

<input type = "text" placeholder = "Username" class = "txt_input">

和CSS：

background: url('images/user-icon.png') left no-repeat; 
margin-bottom: 5px; 
box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5); 
font-family: 'ProximaNova-Bold'; 
outline: none; 
width: 200px; 
height:30px; 
text-align: center; 
text-transform: capitalize; 
padding:15px; 
padding-left:21px;

來源

2013-05-28 GIVENALITY

只需添加邊框：無; –

在這裏使用box-shadow作爲邊框有什麼特別的原因嗎？ – cimmanon

@Pawan邊框：沒有沒有工作 – GIVENALITY

添加border: 0px none;到你的CSS？大綱只處理焦點邊框。

來源

2013-05-28 11:40:04

提供演示確實有助於將注意力引向您的答案：http://cssdeck.com/labs/rcrgim2i – cimmanon

0px無效CSS。你應該只是'border：0;' – Henridv

@Henridv這似乎證實對我來說很好。在這種情況下邊框寬度無關緊要，因爲邊框樣式設置爲無。 – cimmanon

你試過這個border:0;你的CSS樣式？

來源

2013-05-28 11:40:58 Preston

使用border:none而不是outline:none。此外，爲了使文本大寫，請使用text-transform:uppercase。注意：由於您應用了箱形陰影，您將保留一點邊框。刪除這也將離開你沒有邊界。

乾杯。

來源

2013-05-28 11:42:54

如何在添加背景圖像時刪除文本框周圍的邊框我有

回答

相關問題