jquery - jqueryui 模态对话框的 css

Question

所以我不得不修改 jqueryui 模式对话框以使其符合公司标准。我在输入标签的 float 和宽度方面遇到了一些跨浏览器问题。这是示例网站:

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 个像素像素或更长。要检查样式，请单击最后一个文本区域框旁边的“新地址”，然后将弹出 jqueryui 模式对话框。

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

Answer 1

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

这可能会派上用场:)