Html 场集右侧在IE中锯齿状
我有以下HTML:Html 场集右侧在IE中锯齿状,html,css,Html,Css,我有以下HTML: 筛选: 以及以下CSS: 。正文内容{ 宽度:300px; 边框:1px纯黑; 背景色:#F5/*白烟*/; } .入口场集{ 宽度:250px; 左侧填充:15px; 溢出:隐藏; } 在Internet Explorer中,右侧呈锯齿状 但是它在Chrome中看起来很好 如何为所有浏览器/internet explorer修复它 编辑-我在IE 9 64位版本中遇到了这个问题通过对字段集应用零边界半径,我可以让它在浏览器默认情况下停止尝试应用,因此现在它可以正
筛选:
以及以下CSS:
。正文内容{
宽度:300px;
边框:1px纯黑;
背景色:#F5/*白烟*/;
}
.入口场集{
宽度:250px;
左侧填充:15px;
溢出:隐藏;
}
在Internet Explorer中,右侧呈锯齿状
但是它在Chrome中看起来很好
如何为所有浏览器/internet explorer修复它
编辑-我在IE 9 64位版本中遇到了这个问题通过对字段集应用零
边界半径
,我可以让它在浏览器默认情况下停止尝试应用,因此现在它可以正确渲染
.EntryFieldSet{
/*其他属性*/
-moz边界半径:0px;
边界半径:0px;
}
例如:
我对这个bug做了一点改进
.EntryFieldSet {
width: 250px;
padding-left: 15px;
overflow: hidden;
border-top-right-radius: 3px;
-webkit-top-right-radius: 3px;
-moz-border-top-right-radius: 3px;
border-top-right-radius: 0px\9;
border-top-right-radius: 0px\0/;
}
我认为最好的方法是覆盖默认的css。这是对我有用的
.EntryFieldSet{
边界半径:0px;
-moz边界半径:0px;
边框:实心1px深灰色;
}
这样,它可以在所有浏览器中以相同的颜色统一显示
什么是IE版本?SOA#1您是否尝试过应用CSS重置?每个浏览器都可以为其元素提供默认样式。不仅是右侧是锯齿状的,左侧也是如此。看起来像是圆角。你测试过其他版本的IE吗?e、 八国集团还是十国集团?您是否已检查以确保浏览器未处于兼容模式(由doctype触发,或从以前的调试会话中遗留下来)?我对web开发人员非常陌生,因此我没有应用CSS重置或检查我是否处于兼容模式。您不需要仅为此重置。