CSS似乎無法擺脫默認邊框

所以我有1個輸入類型的文本字段，我喜歡它5px border-radius，但我似乎無法擺脫白色的默認高光邊框。即使輸入字段在邊緣有點圓，默認邊框仍然是矩形，任何想法如何我可以刪除它？謝謝。CSS似乎無法擺脫默認邊框

<input type="text" name="username" id="usrinput" size="36" value="Username" style="color:rgba(102,102,102,0.3);font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;font-weight:600;" />

CSS：

#usrinput 
{ 
    /*border:1px solid rgba(0,0,0,0.5);*/ 
    border:none; 
    height:32px; 
    border-radius:5px; 
    outline:1px solid rgba(255,255,255,0.2); 
    padding-left:10px; 
    padding-right:10px; 
}

來源

2012-10-31 southpaw93

你能分享你的代碼嗎？ – caitriona

請讓我們看看完整的源代碼（CSS和HTML），以便我們幫助診斷。 – scunliffe

我做了編輯，有源代碼。 – southpaw93

你看到的輪廓，沒有邊界。

用途：

outline:none;

來源

2012-10-31 17:29:55

希望這有助於你。

HTML：

<input type="text" name="username" class="input" />

CSS：

.input{ 
    border:1px solid #000; 
    width:200px; 
    height:30px; 
}

您可以自定義類也。

來源

2012-11-01 12:18:43

CSS似乎無法擺脫默認邊框

回答

相關問題