Opera 10.6 是否正确支持字段集的边框半径?

发布于 2024-09-14 06:29:52 字数 1366 浏览 2 评论 0原文

我试图让边框半径属性在 Opera 10.6 中的字段集上正常工作,但它似乎无法正常工作。

这是 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:

.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 中完美运行,为我提供了一个具有所需边框形状/大小/颜色和正确背景颜色的圆形字段集:

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

Opera 给了我颜色正确,但边框是方形的:

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

但是,如果我采用指定边框的行 (border:3pxsolid #635147;),那么 Opera 会给出一个圆角字段集,就像它应该的那样:

Opera2

这是怎么回事?为什么选择边框时 Opera 不显示边框半径?谢谢!

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.

Here is the 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>

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;
}

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 gives me the correct colors, but the borders are square:

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

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

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

我纯我任性 2024-09-21 06:29:52

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

That's probably a bug in their rendering engine.

高跟鞋的旋律 2024-09-21 06:29:52

圆角存在一些众所周知的问题关于 Opera 中的输入元素,可能是人们发现的适用于您的字段集的解决方法之一。

There are a few well know issues with rounded corners on input elements in Opera, possibly one of the workarounds people have discovered for that would work on your fieldset.

独自←快乐 2024-09-21 06:29:52

我正在使用 Opera 11.51,但该错误仍然存​​在。

css:

fieldset {
    moz-border-radius:1.5em;
    border-radius:1.5em;
}

Chrome、Safari、Firefox:适用于

IE 6 至 8,Opera 11.51:不适用于(当然,直到 IE9 才支持)。

I'm using Opera 11.51, and the bug is still there.

css:

fieldset {
    moz-border-radius:1.5em;
    border-radius:1.5em;
}

Chrome, Safari, Firefox: works

IE 6 thru 8, Opera 11.51: doesn't work (no support until IE9, of course).

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文