Можно ли применить радиус границы CSS3Pie к jQuery UI глобально? - PullRequest
5 голосов
/ 09 сентября 2011

Чтобы применить behavior: url(PIE.htc); ко всем файлам CSS в проекте, это будет очень длинная история, и с каждой новой версией мне нужно будет повторять это снова.

Есть ли jquery ui CSS3Pie версии, которые я могу где-нибудь найти?

ИЛИ

Можно ли добавить поддержку CSS3Pie в отдельный файл CSS, поэтому в таком случае можно будет использовать этот CSS для любой новой версии пользовательского интерфейса jquery.

Я пытаюсь сделать такое исправление для пользовательского интерфейса jquery, которое в моем собственном css:

.ui-corner-top, .ui-corner-left, .ui-corner-right, .ui-corner-bottom { behavior: url("PIE.htc"); }
.ui-corner-all, .ui-corner-tl, .ui-corner-tr, .ui-corner-bl, .ui-corner-br { behavior: url("PIE.htc"); }

Но оно не работает.

В то же время такое исправление работаетдля моих стилей, например, если есть стиль

.mystyle
{
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border: solid 2px #36405c;
}

Чем я могу определить это, и он будет работать:

.mystyle
{
  behavior: url("PIE.htc"); /*it will be working*/
}

Так что я предполагаю, что он не работает в *Случай 1024 *, потому что jquery UI имеет несколько мест с объявлениями .ui-corner-* с разными радиусами.

В любом случае можно ли что-то сделать с этим?

Есть идеи у кого-нибудь?

1 Ответ

2 голосов
/ 09 сентября 2011

Вы можете создать свою собственную тему с помощью http://jqueryui.com/themeroller/,, установив все границы радиуса на 0, а затем применить свои стили к ".ui-corner-all"

...