закругленные углы элементов ввода в IE

Question

есть способ сделать закругленные углы на элементах, чтобы они были видны в Internet Explorer.

В настоящее время я использую curvycorners.js, но он работает только с блочными элементами ...

Answer 1

Я не ожидаю, что это будет возможно, поскольку IE использует системные элементы управления для визуализации входных данных. Это вызвало много ошибок за последние 10 лет. Если есть такой способ - это, должно быть, неприятный хак;)

Но верьте - я могу помочь вам с самой простой идеей из всех!

<div class="corners">
<input type="text" style="border:1px solid #fff" />
</div>

присвойте фону div и входные цвета #fff, установите для границы ввода значение #fff, установите для границы div значение # 000 и вызовите curvycorners для этого элемента div. Может потребоваться некоторая настройка отступов.

Редактировать: O, я забыл. Для тех, кто не знает. Граница для ввода важна, так как она переопределяет использование системного поиска по умолчанию для входных данных, чтобы они не были такими уж неприятными, знаете ли.

Это может быть больше, чем раньше, но это сделано. :)

Answer 2

curvycorners.js - хороший выбор, и в отличие от встроенных элементов, вы можете применять углы к элементам уровня блока только потому, что они могут иметь ширину и высоту. И вы можете сделать любой уровень блока элементов, установив их стиль на display:inline-block