我正在尝试通过CSS设计我的表单。 问题是我需要一个“标准”提交和一个超链接,其风格就像一个带CSS的按钮。
我的CSS目前看起来像这样:
form .buttons input[type=submit], form .buttons a { padding: 0; margin: 0; }
form .buttons input[type=submit], form .buttons a { font-family: Tahoma, sans-serif; font-size: 14px; text-decoration: none; font-weight: bold; color: #565656; }
form .buttons input[type=submit] { border: 1px solid black; }
form .buttons a { border: 1px solid black; }
在Firefox中,我遇到的问题是在提交按钮周围添加了1px填充(就像您在屏幕截图中看到的那样)。
我有解决方案可以解决这个问题吗?
答案 0 :(得分:13)
input[type="submit"]::-moz-focus-inner {
border: 0px;
padding: 0px;
}
答案 1 :(得分:1)
也尝试“line-height:normal;”它修复了IE中的错误。