2016-04-02 21 views
0

Sayfanın temasını manuel olarak ayarlamak için jQuery ui'deki bir düğmeyi değiştirmek istiyorum. Ben ... rengini, yazı tipini değiştirmek için yönetilen Ama hiç böyle düz bir düğme, istiyoruz:jQuery ui düğmeyi düz stil olarak değiştirin

enter image description here

Benim düğme şöyle görünür: o

enter image description here

mi gölgeleri çıkarmak mümkün mü? İşte

css geçerli:

.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, bu kadar çok düğme hatları var yeniyim ... (jquery 1.10.3)

Gördüğünüz varsayılan düğme kenarlık stilleri var
+0

Düğme css nedir? –

+0

bunu kontrol edin https://jsfiddle.net/guradio/w9m8p2tr/ – guradio

+0

ksno: Sorumu cevaplandırdığım için teşekkürler, 0xguradio: Thx – Guillaume

cevap

1

, kenarlığı şu şekilde kaldırın:

border:0; 
+0

Evet göreceğim! Çok teşekkürler :) – Guillaume

+0

Yardım için sevindim. Elemanları incelemek için tarayıcı geliştirici araçlarını kullanmayı unutmayın, kendiniz bu tarz stilleri kolaylıkla kendiniz tanımlayabilirsiniz :) – Stuart

+0

Tamam, doğru olduğunu düşünmüyorum. Sadece javascript hataları görmek için firebug, ama bu tür bir meydan okuma için hiçbir şey! Tekrar thks – Guillaume