Note that there are some explanatory texts on larger screens.

plurals
  1. PODoes Opera 10.6 properly support border-radius on fieldsets?
    primarykey
    data
    text
    <p>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. </p> <p>Here is the html:</p> <pre><code>&lt;form method="post" action="character.php" class="form"&gt; &lt;fieldset&gt; &lt;legend&gt;Insert&lt;/legend&gt; &lt;label for="txtCharacter"&gt;Character&lt;/label&gt; &lt;input type="text" id="txtCharacter" name="txtCharacter" /&gt; &lt;/fieldset&gt; &lt;/form&gt; </code></pre> <p>Here is the css I am trying to use:</p> <pre><code>.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; } </code></pre> <p>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:</p> <p><a href="http://img827.imageshack.us/img827/8411/safari1.png" rel="nofollow noreferrer">Safari http://img827.imageshack.us/img827/8411/safari1.png</a></p> <p>Opera gives me the correct colors, but the borders are square: </p> <p><a href="http://img37.imageshack.us/img37/2051/opera1r.png" rel="nofollow noreferrer">Opera1 http://img37.imageshack.us/img37/2051/opera1r.png</a></p> <p>However, if I take the line specifying the border (<code>border:3px solid #635147;</code>) then Opera gives a rounded fieldset just as it is supposed to:</p> <p><a href="http://img651.imageshack.us/img651/4651/opera2j.png" rel="nofollow noreferrer">Opera2 http://img651.imageshack.us/img651/4651/opera2j.png</a></p> <p>What's going on here? Why won't Opera display the border-radius when a border is selected? Thanks!</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload