如何在跨浏览器环境中修复width属性

Question

请参阅此处的JS链接

http://trac.openwebanalytics.com/browser/trunk/modules/base/js/includes/jquery/jquery.ui.selectmenu.js?rev=1436

(function($) {

    $.widget("ui.selectmenu", {
            getter: "value",
            version: "1.8",
            eventPrefix: "selectmenu",
            options: {
                    transferClasses: true,
                    typeAhead: "sequential",
                    style: 'dropdown',
                    positionOptions: {
                            my: "left top",
                            at: "left bottom",
                            offset: null
                    },
                    width: null,
                    menuWidth: null,
                    handleWidth: 26,
                    maxHeight: null,
                    icons: null,
                    format: null,
                    bgImage: function() {},
                    wrapperElement: ""
            },

下面定义的此宽度属性是特定于浏览器的。 例如，此宽度值是浏览器特定的，例如对于Crome，它是97px，IE 8是67px 因此，在IE内部看起来并不好看。 请告诉我我们如何解决它？

Answer 1

作为一个黑客，可能将宽度设置为看起来不错的宽度，具体取决于脚本运行的浏览器;您可以使用它来确定浏览器类型：http://api.jquery.com/jQuery.browser/