單擊時輸入字段的奇怪擴展錯誤

夥計們我不知道如何解決或解釋此問題，我試着在Google上搜索它，但找不到解決方案。看看附帶的圖像。單擊時輸入字段的奇怪擴展錯誤

基本上它是一個輸入字段，type = submit。點擊它時，它會如圖所示展開。當在室外點擊時，它會恢復到原來的形狀。任何想法爲什麼會發生。 HTML和CSS非常簡單。

<input class="buynowsml" type="submit" value="Buy now" /> 

.buynowsml { 
    border:none; 
    border-radius:2px; 
    -moz-border-radius:2px; 
    -webkit-border-radius:2px; 
    border:1px solid #00a6eb; 
    font-size:12px; 
    background:#fff !important; 
    color:#00a6eb !important; 
    font-family: "Gotham Medium",Arial,Helvetica,sans-serif; 
    outline: none; 
    margin:0;  
}

此前我曾遇到過這個問題，輸入type = text。現在我正面對着這個type = submit。任何想法的傢伙？謝謝。

來源

2015-10-16 Sagar Raj

請發佈您的jsfiddle。這可能有幾個原因（Css，Jquery）。 Jsfiddle更容易解決問題。 – Alex

似乎有一些CSS針對提交按鈕的焦點狀態。單擊該按鈕可以使焦點和點擊消除焦點。這似乎與您描述的行爲一致。

您可以使用Chrome的開發人員工具查看在不同州使用的風格。有關說明，請參閱See :hover state in Chrome Developer Tools

來源

2015-10-16 07:07:32

是的。焦點上的字體大小正在增加。謝謝。 –

單擊時輸入字段的奇怪擴展錯誤

回答

相關問題