IE8和IE9忽略提交按钮的填充

时间:2013-04-08 20:50:01

标签: css internet-explorer padding

不知何故,IE8和IE9忽略了我的提交按钮的填充设置。奇怪的是,IE8和IE9将填充应用于常规按钮,如

<a class="btn" href="#">foo<a> 

但不适用于

<input type="submit">

这怎么可能?我已经阅读了一些关于添加溢出的内容:可见,但这不起作用。

这是我正在使用的CSS:

display: inline-block;
color: #fff;
text-decoration: none;
background: #74ad38;
padding: 10px 20px;
-webkit-box-shadow: 0px 6px 0px rgba(99, 148, 48, 1);
-moz-box-shadow:    0px 6px 0px rgba(99, 148, 48, 1);
box-shadow:         0px 6px 0px rgba(99, 148, 48, 1);
border-radius: 5px;
border: none;
transition: background 0.25s;
-moz-transition: background 0.25s;
-webkit-transition: background 0.25s;
-ms-transition: background 0.25s;
-o-transition: background 0.25s;

非常感谢任何帮助。

0 个答案:

没有答案