场地上的圆角

默认情况下,某些项(按钮、输入框)使用系统视觉样式-在默认的Windows XP/Vista主题中,字段集具有圆角。(例如,查看显示属性。)

如果将任何样式指定给 <input /> 例如,它也将失去悬停效果、渐变和其他功能。

该站点修复了有关字段集圆角和IE10的问题。(悲伤的脸)还是有问题的。你必须浮动它才能100%地工作。

fieldset {
  margin: 20px;
  padding: 0 10px 10px;
  border: 1px solid #666;
  border-radius: 8px;
  box-shadow: 0 0 10px #666;
  padding-top: 10px;
}
legend {
  padding: 2px 4px;
  background: #fff;
  /* For better legibility against the box-shadow */
}
fieldset > legend {
  float: left;
  margin-top: -20px;
}
fieldset > legend + * {
  clear: both;
}

<fieldset>
  <legend>Legend</legend>
</fieldset>

http://www.456bereastreet.com/archive/201302/fieldset_legend_border-radius_and_box-shadow/

不存在这样的原因,浏览器行为不同也不是什么秘密。

你探索过 -moz-border-radius 属性?

我觉得有点像

fieldset {   
  -moz-border-radius:5px;  
  border-radius: 5px;  
  -webkit-border-radius: 5px; //edit :D
}  

在firefox/mozilla中工作,但我已经很久没有尝试过了:d

IE中的边框只有在以下情况下才是圆形的:1)在“性能”的“视觉效果”选项卡下启用了“在按钮上的窗口上使用视觉样式”。直截了当地说:如果您启用了“xp theming”,它将被取整,当您具有经典的win2000外观时,它将不会被取整。

第二个要求2)是字段集的“无边框相关CSS”。每当您指定边框颜色、边框样式或边框宽度时,“圆度”就消失了,没有解决方法。同样适用于输入(按钮和字段)、文本框和选择标记。每当IE找不到要呈现的控件的CSS主题时,它将对该控件应用“默认Windows主题”。

您可以使用css 3 border radius属性,它将在firefox和safari上工作:

fieldset {
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}

http://www.webteacher.ws/2010/02/27/style-a-fieldset-with-rounded-corners-using-css/

fieldset {   
  -moz-border-radius:5px;  
  border-radius: 5px;  
  -webkit-border-radius: 5px; //edit :D
}