HTML輸入文本框行爲異常

Question

我使用Joomla模板我創建了一個自定義表單，一切都很好，但是當我點擊任何輸入欄並移動鼠標移出該輸入框的，它獲得一些屬性未知如上一個狀態「點擊並鼠標移出」所示，邊框尺寸增加了2px。我檢查了懸停CSS屬性，但它不適合我。我如何擺脫這個問題？ 我的CSS是

.userforminput{ 
border: 1px solid #ccc;border-radius: 0;color: #333;height: 15px;padding: 2px;background: 0;margin: 0 2px 4px;max-width: 327px; 
} 
.userforminput:hover{ 

border: 1px solid #000000; 
} 

Answer 1

在你的CSS，添加以下內容：

input { 
    border:0; 
    outline:none; 
}