用于jqueryui模态对话框的CSS

Question

所以我不得不修改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像素或更长。要检查样式，请单击最后一个textarea框旁边的“new address”，弹出jqueryui模式对话框。

是否有人有任何条件代码来处理这些差异？

Answer 1

你也可以使用jquery themeroller http://jqueryui.com/themeroller/

这可能会派上用场：）