jQuery ui кнопка изменения в плоском стиле

Question

Я хотел бы изменить кнопку в jQuery ui, чтобы настроить тему моей страницы вручную. Мне удалось изменить цвет, шрифт ... Но я хотел бы кнопки плоские, как это:

Моя кнопка выглядит следующим образом:

ли это можно удалить тени?

Вот CSS (JQuery 1.10.3)

.ui-dialog .ui-dialog-buttonpane { 
     text-align: left; 
     border-width: 1px 0 0 0; 
     /*background-image: none;*/ 
     margin-top: .5em; 
     padding: .3em 1em .5em .4em; 
      outline: none; 
      background: #a3cb38 
    } 
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { 
     float: right; 
    } 
.ui-dialog .ui-dialog-buttonpane button { 
     /*margin: .5em .4em .5em 0;*/ 
     position: relative; 
      top: 3px; 
      left: 15px; 
      width: 100px; 
      height: 45px; 
      cursor: pointer; 
      color: #ffffff; /* couleur police bouton */ 
      outline: none; 
      font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; 
      background: #fed136; /* couleur fond bouton */ 
      border-radius: 6px 6px 6px 6px; 
    } 

Я новичок в JQuery, есть так много кнопок линий ...

Answer 1

Это стандартные стили кнопки границы, которые вы видите, удалите границу следующим образом:

border:0;