IE9字段集圆角 [英] IE9 fieldset rounded corners

问题描述

我似乎无法使IE9渲染一个圆角的字段集，而其他浏览器。 ; 与< legend> - 没有它的角落渲染确定。

可以通过将 display：inline 或 display：inline-block ; legend> 元素 - 但是你必须通过设置 position：relative 并将其移动来将其重新定位。

根据你的图例的样式看起来像（背景看起来是一样的 - 没有背景的fieldset的边框仍然会在字母后面可见），你可以使它看起来很多与其他普通浏览器中的相同。

I cannot seem to make IE9 render a fieldset with rounded corners whereas other browsers do. Has anyone encountered this too ?

解决方案

This happens only if you use <fieldset> with <legend> - without it the corners render ok.

You can fix this bug by applying display:inline or display:inline-block to your <legend> element - but than you have to reposition it back in place by setting position:relative and moving it around.

Depending how the styling of your legend looks like (with background it will look the same - without the background the border of fieldset will still be visible behind the letters) you can make it look pretty much the same as in other normal browsers.

这篇关于IE9字段集圆角的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！