輸入的默認樣式以某種方式混淆了設計

Question

由於某些原因，ASP.NET mvc3應用程序中輸入的默認樣式正在改變我按鈕的外觀。

如果我申請的風格，以一個正常的股利或ActionLink的按鈕看起來只有精細

當我把它應用到

我：

<input type="submit" value="create" class="universalbutton" /> 

按鈕犯規收到合適的尺寸，但它確實收到顏色和背景顏色等。

任何想法，爲什麼發生這種情況？按鈕

.universalbutton 
{ 
    border: 1px solid black; 
    background-color: #3fa9f5; 
    width: 100px; 
    height: 20px; 
    color: White; 
    font-variant: small-caps; 
    padding: 5px; 
    text-transform: none; 
    text-decoration: none; 
    text-align: center; 
    margin: 0px; 
    display: block; 
    float: left; 
    margin-right: 5px; 

} 

Answer 1

如果它只是高度+對準這就是問題的

//編輯風格，我建議你改變輸入元件上的箱集束性。默認情況下，輸入元素使用邊框大小（padding + margin不會添加到高度），div使用content-box大小（padding + width被添加到高度）。 雖然這個屬性只是IE8 +。

http://jsfiddle.net/6AbBy/10/

我首先想到的是與只是一些微胖解決這個問題 - 儘管我必須承認按鈕中的文本的垂直對齊方式很奇怪 - 不知道爲什麼它的底端對齊 - 將是如果別人可以解釋這一點，這很好。