在fieldset的圆角 [英] Rounded corners on a fieldset

问题描述

我注意到，fieldset标签在IE上呈现了一个圆角边框（在其他浏览器上呈现为方形）。

 < fieldset> 
< legend>我的图例< / legend> 
< / fieldset> 
  

但是如果我在字段集上设置CSS样式，

任何人都知道为什么？
如何保持圆角，但带有另一个边框颜色？

：对不起，混淆，我不问如何有圆角在firefox /其他浏览器，我想知道如何保持更圆的角落在IE ，并有另一个边框颜色（border-color：red;在fieldset更改为正方形...）。

解决方案

一些项目（按钮，输入框）默认使用系统可视化样式 - 主题，fieldets有圆角。 （例如，查看显示属性。）

如果将任何样式分配给< input /> ，例如，它会失去悬停效果，渐变和其他东西。

I noticed that the "fieldset" tag renders a rounded corner border on IE (it renders squared on the other browsers).

<fieldset>
         <legend>My legend</legend>
</fieldset>

BUT if i set a CSS style on the fieldset, the rounded corners disappear!!

Anybody know why? How to keep the rounded corners but with another border color?

[EDIT] : sorry for the confusion, i don't ask how to have rounder corners on firefox/other browsers, i want to know how to keep the rounder corners on IE and have another border color (border-color:red; on the fieldset changes the rounds to squares...).

解决方案

Some items (buttons, input boxes) are using the system visual styles by default - and in the default Windows XP/Vista themes, fieldsets have rounded corners. (Take a look at Display Properties, for example.)

If you assign any style to an <input />, for example, it will lose its hover effects, gradients and other things too.

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