Mag*_*nar 39 css internet-explorer
我正在实现一个使用自定义样式提交按钮的设计.它们是非常简单的浅灰色按钮,外边缘稍暗:
input.button {
background: #eee;
border: 1px solid #ccc;
}
这在Firefox,Safari和Opera中看起来恰到好处.问题出在Internet Explorer 6和7上.
由于表单是页面上的第一个表单,因此它被视为主要表单 - 因此从get go开始活动.活动表单中的第一个提交按钮在IE中接收纯黑色边框,以将其标记为主要操作.
如果我关闭边框,那么IE中的黑色额外边框也会消失.我正在寻找一种方法来保持我的正常边界,但删除轮廓.
Oli*_*Oli 31
这可以在这里工作:
<html>
<head>
<style type="text/css">
span.button {
background: #eee;
border: 1px solid #ccc;
}
span.button input {
background:none;
border:0;
margin:0;
padding:0;
}
</style>
</head>
<body>
<span class="button"><input type="button" name="..." value="Button"/></span>
</body>
</html>
nic*_*rss 28
如果您不想在输入/按钮上添加包装器,请尝试执行此操作.由于这是无效的CSS,所以只为IE播放它.有其他浏览器的边框,但使用过滤器:色度为IE ...
<!--[if IE]>
<style type="text/css">
input {
filter:chroma(color=#000000);
border:none;
}
</style>
<![endif]-->
为我工作.
我知道我差不多2年了,但我发现了另一种解决方案(至少对于IE7而言).
如果您input type="submit"在表单中的任何其他提交按钮之前添加另一个表单,则问题将消失.现在你只需要隐藏这个新的黑色边框吸收按钮.
这对我有用(溢出需要"自动"):
<input type="submit" value="" style="height:0;overflow:auto;position:absolute;left:-9999px;" />
注意:我使用的是HTML5 doctype(<!doctype html>).
| 归档时间： |
|
| 查看次数： |
64009 次 |
| 最近记录： |