用于jqueryui模态对话框的CSS

So I have had to modify the jqueryui modal dialog to make it comply with company standards. I'm having a little cross browser issue with the floats and widths of the input labels. Here is the sample website:

所以我不得不修改jqueryui模式对话框，使其符合公司标准。我对输入标签的浮点数和宽度有一点交叉浏览器问题。这是示例网站：

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

Here is the style I am currently using:

这是我目前使用的风格：

    <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>

In Firefox, the input boxes show the way they should, in IE9 the input is about 3 pixels longer, in Chrome about 3pixels shorter, and in Safari about 10 pixels or more longer. To check the style click on "new address" next to the last textarea box and the jqueryui modal dialog box should pop up.

在Firefox中，输入框显示它们应该的方式，在IE9中，输入大约3个像素，在Chrome中大约3个像素，在Safari中大约10个像素或更长。要检查样式，请单击最后一个textarea框旁边的“新地址”，然后会弹出jqueryui模式对话框。

Does anyone have any conditional code to handle these discrepancies?

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

1 个解决方案

#1

U could also use the jquery themeroller http://jqueryui.com/themeroller/

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

That might come in handy :)

那可能会派上用场:)

#1