css для модального диалогового окна jqueryui - PullRequest
2 голосов
/ 05 февраля 2012

Поэтому мне пришлось изменить модальное диалоговое окно jqueryui, чтобы оно соответствовало стандартам компании.У меня небольшая проблема с кроссбраузерной обработкой с плавающей точкой и шириной входных меток.Вот пример веб-сайта:

http://inetwebdesign.com/PartnerPortal/update-my-company-information2.html

Вот стиль, который я сейчас использую:

    <style>
    div#dialog-form label{
    float:left;vertical-align:top;
    }
    div#dialog-form input{
    float:right;
    width:270px;
   vertical-align:top;
    }
    div#dialog-form select{
    float:right;
    }
    div#dialog-form select option{
    float:right;
    }
    </style>

В Firefox, поля ввода показывают, как они должны, в IE9длина ввода примерно на 3 пикселя, в Chrome - примерно на 3 пикселя, а в Safari - на 10 и более пикселей больше.Чтобы проверить стиль, нажмите «new address» рядом с последним полем textarea, и должно появиться модальное диалоговое окно jqueryui.

У кого-нибудь есть условный код для обработки этих несоответствий?

1 Ответ

0 голосов
/ 23 марта 2012

U также может использовать jquery themeroller http://jqueryui.com/themeroller/

Это может пригодиться:)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...