默认的输入样式在某种程度上搞砸了设计

本文关键字:在某种程度上 输入 样式 默认 | 更新日期: 2023-09-27 18:17:39

由于某些原因,ASP中默认的输入样式。. NET mvc应用程序正在改变我的按钮的外观。

如果我把样式应用到一个普通的div或actionlink按钮看起来很好

当我把它应用到my:

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

默认的输入样式在某种程度上搞砸了设计

如果它只是高度+对齐的问题,我建议你改变输入元素的box-sizing属性。默认情况下,输入元素使用border-box的大小(padding + margin不加到高度),div使用content-box的大小(padding + width加到高度)。此属性仅适用于IE8+。

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

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

相关文章: