jQuery OK кнопка в диалоговом окне стиля

Question

Я использовал диалоговое окно jQuery ui и добавил к нему кнопку OK, и я использую солнечную тему. код JQuery ниже:

$("#error").dialog({ 
    title: "Error", 
    buttons: { 
     "OK": function() { 
      $(this).dialog("close"); 
     } 
    } 
}); 

и стиль его, используя следующий код CSS: -

.ui-dialog,.ui-dialog,.ui-widget, .ui-widget-content, 
.ui-corner-all, .ui-draggable, .ui-resizable { 
    background:#a8d3f5 !important; 
    border-color:#00A2E8 !important; 
    color:#FFF; 
}​ 

Теперь все готово, как, соответственно, как я хочу, за исключением первоначальной границы (прямоугольный), который составляет около округленная рамка (эта цвет меняется в цвете) вокруг кнопки ОК. Любая помощь в этом.

Answer 1

Вы пробовали это?

.ui-button { outline: none; } 

Демо: http://jsfiddle.net/QUyKE/

Или это:

.ui-button { 
    outline: none; 
    border: 2px solid red !important; 
    border-radius: 0px !important; 
} 

Демо: http://jsfiddle.net/QUyKE/1/