Opera 10.6是否正确支持在fieldset上的border-radius？ [英] Does Opera 10.6 properly support border-radius on fieldsets?

问题描述

我试图让边界半径属性在Opera 10.6中的字段集上正常工作，但它似乎不能正常工作。

I am trying to get the border radius property to work properly on a fieldset in Opera 10.6, but it does not appear to be working correctly.

以下是html：

<form method="post" action="character.php" class="form">
    <fieldset>
        <legend>Insert</legend>
        <label for="txtCharacter">Character</label>
        <input type="text" id="txtCharacter" name="txtCharacter" />
    </fieldset>
</form>

这里是我想使用的css：

Here is the css I am trying to use:

.form fieldset {
    background-color:#355e3b;
    margin:0px;
    border:3px solid #635147;

    /* Adds the rounded border effect. */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}

上面的工作完美地在Firefox和Safari中，给我一个圆形的字段集所需的边框形状/尺寸/颜色和正确的背景颜色：

The above works perfectly in Firefox and Safari, giving a me a rounded fieldset with desired border shape/size/color and the correct background color:

Safari http://img827.imageshack.us/img827/8411/safari1.png

Opera给了我正确的颜色，但边框是正方形：

Opera gives me the correct colors, but the borders are square:

Opera1 http://img37.imageshack.us/img37/2051/opera1r.png

但是，如果我使用指定边框的线（ border：3px solid＃635147; ）然后Opera给出一个圆整的字段集，如下所示：

However, if I take the line specifying the border (border:3px solid #635147;) then Opera gives a rounded fieldset just as it is supposed to:

Opera2 http://img651.imageshack.us/img651/4651/opera2j.png

这里发生了什么？为什么Opera在选择边框时不显示border-radius？感谢！

What's going on here? Why won't Opera display the border-radius when a border is selected? Thanks!

推荐答案

这可能是他们的渲染引擎中的错误。

That's probably a bug in their rendering engine.

这篇关于Opera 10.6是否正确支持在fieldset上的border-radius？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！