CSS personalizado JQuery ui-dialog

Question

Necesito agregar un borde de 2 píxeles alrededor del diálogo de usuario de JQuery.

¿Alguien podría ayudarme sobre qué modificar, por favor?

Gracias

Answer 1

cambiar la regla CSS para .ui-widget-content:

.ui-widget-content { 
    border: 2px solid #DDD; 
} 

La forma menos intrusiva para hacer esto es añadir esa regla de hoja de estilo de su sitio (por ejemplo, no cambie el archivo CSS interfaz de usuario jQuery), y asegúrese de que el archivo jQuery UI CSS esté cargado primero.

Answer 2

En 'jquery-ui.css' añadir un borde al estilo de diálogo:

.ui-dialog { 
    position: relative; 
    padding: .2em; 
    width: 300px; 
    border: 2px solid white; 
} 

Answer 3

colocar un borde alrededor de la caja de diálogo, pero no cualquier otro tipo de widget, haga lo siguiente:

.ui-widget-content.ui-dialog 
{ 
    border: 2px solid #DDD; 
}