Я пытаюсь заставить свойство border radius работать правильно на наборе полей в 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
Опера дает мне правильные цвета, но границы квадратные:
Opera1 http://img37.imageshack.us/img37/2051/opera1r.png
Однако, если я возьму строку, указывающую границу (border:3px solid #635147;
), то Opera выдаст округлое поле, как и положено:
Opera2 http://img651.imageshack.us/img651/4651/opera2j.png
Что здесь происходит?Почему Opera не отображает радиус границы, когда граница выбрана?Спасибо!