Button样式设置代码
2012-03-31 09:18:50 来源:WEB开发网核心提示: 我们在制作按钮时,我们平常都用“<button>”、“input[type=rest]”、“input[type="submit"]”和“input[type=button]”较多,Butt
我们在制作按钮时,我们平常都用“<button>”、“input[type=rest]”、“input[type="submit"]”和“input[type=button]”较多,如果你想让你的按钮漂亮,记得加上下面的样式:
/*IE下除去多余的边距 */
.button{
overflow: visible;
}
/* Firefox下去除焦点虚线框 */
.button::-moz-focus-inner{
border: 0;
padding: 0;
}
/*实现图片按钮*/
.button {
font: 0/0 a;
color: transparent;
}
在这些按钮中使用padding值来代替行高居中的效果,在firefox和opera浏览器下只识别默认行高.
更多精彩
赞助商链接
