默认的输入样式在某种程度上搞砸了设计
本文关键字:在某种程度上 输入 样式 默认 | 更新日期: 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/我的第一个想法是用一些额外的填充来解决这个问题-尽管我必须承认按钮内文本的垂直对齐非常奇怪-不知道为什么它会对齐到底部-如果有人能解释一下就好了