IE显示提交按钮上的黑色边框轮廓 [英] IE Showing black border outline on submit button
本文介绍了IE显示提交按钮上的黑色边框轮廓的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我试图理解为什么IE 7> 10在提交按钮上显示黑色边框。为了清除它,我必须在字段集内单击然后它消失。但是当我点击发送或取消时回来。这是IE的常见问题吗?我已经包含了截图。谢谢!
I am trying to understand why IE 7>10 is showing a black border on a submit button. In order to clear it, I have to click inside the fieldset and then it goes away. But comes back when I click send or cancel. Is this a common problem with IE? I have included screenshot. Thanks!
css代码
.submit
{
margin:-50px 0 0 -148px;
background-color:#eee;
height:40px;
width:120px;
padding:0;
border:1px solid #666;
color:#42A0FF;
}
.cancel
{
margin: -51px 0 0 -20px;
background-color:#eee;
height:40px;
width:120px;
padding:0;
border:1px solid #666;
color:#42A0FF;
}
fieldset
{
background:#f2f2e6;
border-color:#cccccc #cccccc #cccccc #cccccc;
margin:10px 0 46px -150px;
width:404px;
display:block;
text-height:10px;
padding-bottom:15px;
}
推荐答案
尝试重置主输入
input {border:0; margin:0;padding:0;}
并添加跨度以使跨度达到您想要的边界所以它将普遍适用:
And add a span to give the span the border you want so it will work universally:
.input-shell {border: #ccc 1px solid}
< span class =input-shell><输入按钮/>< / span> ;
....
继承人JSFIDDLE:
Heres a JSFIDDLE:
http://jsfiddle.net/Riskbreaker/tqnhg/1/
继承人同样的事情:
最后这样做:
input[type=submit],
input[type=reset],
input[type=button]
{
filter:chroma(color=#000000);
color:#cccccc;
}
这篇关于IE显示提交按钮上的黑色边框轮廓的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文