Поддерживает ли Opera 10.6 границы радиуса на наборах полей? - PullRequest
2 голосов
/ 11 августа 2010

Я пытаюсь заставить свойство 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 не отображает радиус границы, когда граница выбрана?Спасибо!

Ответы [ 3 ]

1 голос
/ 12 августа 2010

Есть несколько хорошо известных проблем с закругленными углами на элементах ввода в Opera , возможно, один из найденных людей обходных путей для этого будет работать с вашим набором полей.

1 голос
/ 11 августа 2010

Вероятно, это ошибка в их движке рендеринга.

0 голосов
/ 14 сентября 2011

Я использую Opera 11.51, и ошибка все еще там.

CSS:

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

Chrome, Safari, Firefox: работает

IE 6-8, Opera 11.51: не работает (конечно, до IE9 не поддерживается).

...