C# 输入的默认样式不知怎么搞砸了设计

出于某种原因，ASP.NET mvc3应用程序中输入的默认样式正在改变我的按钮的外观

如果我将该样式应用于普通div或actionlink，则按钮看起来很好

当我将其应用于我的：

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

---

如果问题出在高度+对齐上，我建议您更改输入元素的框大小属性。默认情况下，输入元素使用边框框大小（填充+边距不添加到高度），div使用内容框大小（填充+宽度添加到高度）。 不过，该属性仅适用于IE8+

---

我的第一个想法是用一些额外的填充来解决这个问题-尽管我必须承认按钮内文本的垂直对齐非常奇怪-不知道为什么它与底部对齐-如果其他人能够解释这一点就好了。

你能举个例子吗？也许在JSFIDLE上？你能展示一下universalbutton类的样式定义吗？我试着做一个JSFIDLE的东西：不确定它是否有用。但是按钮需要更大一些，文本中心我稍微整理了一下JSFIDLE——颜色和背景色看起来不错吧？是的。除了按钮的正常尺寸更大、更对称外，其他都是正确的。也许可以尝试添加一个带有样式的div来查看差异

    .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;

}