Hov. Du er ikke logget ind.
DU SKAL VÆRE LOGGET IND, FOR AT INTERAGERE PÅ DENNE SIDE

Hjælp med css til en knap

Side 1 ud af 1 (1 indlæg)
  • 1
Fra Hirtshals
Tilmeldt 7. Sep 08
Indlæg ialt: 327
Fra  3 Ferietilbud Skrevet kl. 23:45
Hvor mange stjerner giver du? :

Hej Amino

jeg ønsker en transperant knap med en sort border rundt om og hvid tekst. Når man kører musen henover knappen skal den blive helt hvid med blå skrift.


Jeg bruger themet avada, hvor der er nogle standard knapper installeret. Jeg ønsker derfor, at redigere en af de standard knapper her dens css:

.fusion-button.button-darkgreen,
.fusion-button.button-darkgreen.wpcf7-submit,
.button.darkgreen {
background: #d0e0a5;
background-image: -webkit-gradient(linear, left bottom, left top, from(#a8c76a), to(#d0e0a5));
background-image: -webkit-linear-gradient(bottom, #a8c76a, #d0e0a5);
background-image: -moz-linear-gradient(bottom, #a8c76a, #d0e0a5);
background-image: -o-linear-gradient(bottom, #a8c76a, #d0e0a5);
background-image: linear-gradient(to top, #a8c76a, #d0e0a5);
border: 1px solid #9dba60;
color: #54770f;
}
.fusion-button.button-darkgreen .button-icon-divider-left,
.fusion-button.button-darkgreen.wpcf7-submit .button-icon-divider-left,
.button.darkgreen .button-icon-divider-left,
.fusion-button.button-darkgreen .button-icon-divider-right,
.fusion-button.button-darkgreen.wpcf7-submit .button-icon-divider-right,
.button.darkgreen .button-icon-divider-right {
border-color: #9dba60;
}
.fusion-button.button-darkgreen:hover,
.fusion-button.button-darkgreen.wpcf7-submit:hover,
.button.darkgreen:hover,
.fusion-button.button-darkgreen:focus,
.fusion-button.button-darkgreen.wpcf7-submit:focus,
.button.darkgreen:focus,
.fusion-button.button-darkgreen:active,
.fusion-button.button-darkgreen.wpcf7-submit:active,
.button.darkgreen:active {
background: #a8c76a;
background-image: -webkit-gradient(linear, left bottom, left top, from(#d0e0a5), to(#a8c76a));
background-image: -webkit-linear-gradient(bottom, #d0e0a5, #a8c76a);
background-image: -moz-linear-gradient(bottom, #d0e0a5, #a8c76a);
background-image: -o-linear-gradient(bottom, #d0e0a5, #a8c76a);
background-image: linear-gradient(to top, #d0e0a5, #a8c76a);
border: 1px solid #9dba60;
color: #54770f;
}
.fusion-button.button-darkgreen:hover .button-icon-divider-left,
.fusion-button.button-darkgreen.wpcf7-submit:hover .button-icon-divider-left,
.button.darkgreen:hover .button-icon-divider-left,
.fusion-button.button-darkgreen:focus .button-icon-divider-left,
.fusion-button.button-darkgreen.wpcf7-submit:focus .button-icon-divider-left,
.button.darkgreen:focus .button-icon-divider-left,
.fusion-button.button-darkgreen:active .button-icon-divider-left,
.fusion-button.button-darkgreen.wpcf7-submit:active .button-icon-divider-left,
.button.darkgreen:active .button-icon-divider-left,
.fusion-button.button-darkgreen:hover .button-icon-divider-right,
.fusion-button.button-darkgreen.wpcf7-submit:hover .button-icon-divider-right,
.button.darkgreen:hover .button-icon-divider-right,
.fusion-button.button-darkgreen:focus .button-icon-divider-right,
.fusion-button.button-darkgreen.wpcf7-submit:focus .button-icon-divider-right,
.button.darkgreen:focus .button-icon-divider-right,
.fusion-button.button-darkgreen:active .button-icon-divider-right,
.fusion-button.button-darkgreen.wpcf7-submit:active .button-icon-divider-right,
.button.darkgreen:active .button-icon-divider-right {
border-color: #9dba60;
}
.no-cssgradients .fusion-button.button-darkgreen:hover,
.no-cssgradients .fusion-button.button-darkgreen.wpcf7-submit:hover,
.no-cssgradients .button.darkgreen:hover,
.no-cssgradients .fusion-button.button-darkgreen:focus,
.no-cssgradients .fusion-button.button-darkgreen.wpcf7-submit:focus,
.no-cssgradients .button.darkgreen:focus,
.no-cssgradients .fusion-button.button-darkgreen:active,
.no-cssgradients .fusion-button.button-darkgreen.wpcf7-submit:active,
.no-cssgradients .button.darkgreen:active {
background-color: #a8c76a;
}
.no-cssgradients .fusion-button.button-darkgreen,
.no-cssgradients .fusion-button.button-darkgreen.wpcf7-submit,
.no-cssgradients .button.darkgreen {
background-color: #d0e0a5;

Få op til 3 gratis og uforpligtende tilbud på en leasningaftale hos http://leasingoffer.dk 

Side 1 ud af 1 (1 indlæg)