Как создать диалоговое окно интерфейса jQuery без полей, но удерживайте кнопку "Закрыть" и сделайте кнопку пурпурной? Кнопка закрытия по умолчанию находится в правом верхнем углу.
после того, как по умолчанию ui css разместите свой css таким образом, btw загляните в исходный код демо.
/* DIALOG MAIN CONTAINER */
.ui-dialog.ui-widget-content {
border:none;
}
/* STYLE AROUND THE CLOSE (X) BUTTON */
.ui-dialog-titlebar-close.ui-state-default,
.ui-dialog-titlebar-close.ui-state-hover {
outline:none;
background: none;
border:none;
}
/* DIALOG TITLE BAR */
.ui-dialog .ui-widget-header {
border:0;
background:none
}
/* CLOSE ICON BACKGROUND IMAGE */
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url(http://code.jquery.com/ui/1.10.4/themes/eggplant/images/ui-icons_ffffff_256x240.png);
}
.ui-widget-header .ui-icon {
background-image: url(http://code.jquery.com/ui/1.10.4/themes/eggplant/images/ui-icons_a8a3ae_256x240.png);
}
.ui-state-highlight .ui-icon,
.ui-state-default .ui-icon {
background-image: url(http://code.jquery.com/ui/1.10.4/themes/eggplant/images/ui-icons_8d78a5_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
background-image: url(http://code.jquery.com/ui/1.10.4/themes/eggplant/images/ui-icons_734d99_256x240.png);
}
.ui-state-active .ui-icon {
background-image: url(http://code.jquery.com/ui/1.10.4/themes/eggplant/images/ui-icons_454545_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url(http://code.jquery.com/ui/1.10.4/themes/eggplant/images/ui-icons_ebccce_256x240.png);
}
Вот ссылка на Theming the Dialog Box в пользовательском интерфейсе jQuery
-or больше specifically-
.ui-dialog {
border:none;
}
.ui-dialog-titlebar-close {
background-color:purple;
}