Question

这是我到目前为止编写的代码。

我找到了你可以添加课程的地方，但我只想将按钮的颜色改为灰色，使它们看起来更自然，而不是标准的蓝色。

   <script>
   $(document).ready(function () {
        $("#divdeps").dialog({
            autoOpen: false,
            resizable: false,
            modal: true,
            buttons: [
                {
                    text: "Yes",
                    click: function() {
                        // Cancel code here
                        $(this).dialog("close");
                    }
                },
                {
                    text: "No",
                    click: function() {
                        // Save code here
                        $(this).dialog("close");
                    }
                }
            ],

- spacer -

            close: function() {
                // Close code here (incidentally, same as Cancel code)
                $(this).dialog("close");
            },
            open: function () {
                $(".ui-dialog-titlebar").addClass("boxtitlebg");
                $(".ui-dialog-titlebar").css("height", "17px");
                $(".ui-widget-header").css("border", "none");
                $(".ui-widget-content").css("border", "none");

            }
        });
    });
   </script>

<div id="divdeps" style="display: none" title="this title">This is my div</div>

<div onclick="$('#divdeps').dialog('open');">click here</div>

Answer 1

您可以将CSS属性添加到任何jQuery对象：

$("<selector>").css("background-color", "#ddd");

找出你的选择器应该是什么，这应该做到这一点。所有按钮都应该有一个公共类，因此很可能是你应该使用的选择器。

Answer 2

$('.ui-dialog-buttonpane').find('button').css("border", "none");

JQuery，可以在对话框按钮中添加css属性吗？

2 个答案: