无法更改javascript popupbox widht高度和背景颜色

Question

我制作javascript弹出框，但我无法改变宽度，高度和背景我该怎么办？

.ui-dialog .ui-dialog-content {
    border: 0;
    padding: 2em 3em;
    background:#e5e5e5;
    overflow: auto;
    zoom: 1; 
}

<script type="text/javascript">
                $(function inPageLoad() {
                    Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(function () {

                        //btnSave and btnUpdate clicks
                        $(document).on('click', '#<%=btnSave.ClientID %> , #<%=btnUpdate.ClientID %>', function (e) {
                            e.preventDefault();
                            alert("x");
                            $('<div></div>').appendTo('body')
                              .html('<div><h6>Yes or No?</h6></div>')
                              .dialog({
                                  modal: true, title: 'message', zIndex: 10000, autoOpen: true,
                                  width: 'auto', resizable: false,
                                  buttons: {
                                      Yes: function () {
                                          //doFunctionForYes();
                                          $(this).dialog("close");
                                      },
                                      No: function () {
                                          //doFunctionForNo();
                                          $(this).dialog("close");
                                      }
                                  },
                                  close: function (event, ui) {
                                      $(this).remove();
                                  }
                              });

             });
                    });
                });

            $(document).ready(inPageLoad);

        </script>