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.
.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; |
Hjælp med css til en knap
Side 1 ud af 1 (1 indlæg)
- 1
Få op til 3 gratis og uforpligtende tilbud på en leasningaftale hos http://leasingoffer.dk
Side 1 ud af 1 (1 indlæg)