Вопросы Теги

Почему радиус границы не работает правильно над вводами текста в MobileSafari?

Вот ссылочный документ HTML:

border-radius рендеринг, прекрасный на настольных браузерах Safari/WebKit-based, но на варианте "MobileSafari", а именно, браузеры iPhone и iPad, это представляет с этим странным полем, которое рассеивает иллюзию скругленных углов, когда вход отображается сверху по-другому-цветного-фона.

http://cl.ly/1LUi/content

5
задан Abraham Vegh 10 June 2010 в 17:01
поделиться

2 ответа

В Интернете есть мнение, что это ошибка в WebKit для iOS. Не используйте border-radius на text input на iPhone.

2
ответ дан 18 December 2019 в 09:05
поделиться

Рассматривали ли вы возможность переноса текстового поля в контейнер span / div / other с радиусом границы? 

<style>
    body { background-color: #000; }
    .inputWrapper { -webkit-border-radius: 20px; }
</style>

... 

<body>
    <div class="inputWrapper"><input type="text" value="text" /></div>
</body>
1
ответ дан 18 December 2019 в 09:05
поделиться