2016-04-02 14 views
0

Ich möchte einen Knopf in jQuery ui ändern, um das Thema meiner Seite manuell anzupassen. Ich schaffte es die Farbe zu ändern, die Schriftart ... Aber ich würde einen flachen Knopf mag, wie folgen aus:jQuery ui ändern Knopf zu flachen Stil

enter image description here

Meine Taste wie folgt aussieht:

enter image description here

Ist es möglich, die Schatten zu entfernen?

Hier ist die CSS ist: (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; 
    } 

Ich bin neu in Jquery, es gibt so viele Knopf Linien ist ...

+0

Was ist CSS von Button? –

+0

check dies aus https://jsfiddle.net/guradio/w9m8p2tr/ – guradio

+0

ksno: Ich habe meine Frage bearbeitet, thx für Ihre Antwort guradio: Thx werde ich sehen – Guillaume

Antwort

1

, die Standard-Schaltfläche Rahmenarten ist Sie sehen, Entfernen Sie den Rand wie folgt:

border:0; 
+0

Yeah! Vielen Dank :) – Guillaume

+0

Ich bin froh zu helfen. Vergessen Sie nicht, Ihre Browser-Entwickler-Tools zu verwenden, um Elemente zu inspizieren, Sie werden in der Lage sein, solche Stile leicht selbst zu identifizieren :) – Stuart

+0

Ok, es stimmt, ich dachte nicht, es zu benutzen. Nur Firebug, um Javascript Bugs zu sehen, aber nichts für diese Art von Prblem! Nochmals – Guillaume