Avatar billede Skaugir Nybegynder
31. januar 2011 - 21:05 Der er 6 kommentarer

Hover-effekt på Class-elementer - hvordan?

Hej

Jeg bruger en class kaldet ".actionButton" til en række knapper på mit site. Jeg vil gerne lave en ny hover-effekt på knappen, dvs. en ny class til at definere hvad er skal ske. Men det virker ikke til at jeg kan lave en ".actionButton a", for der sker i hvert fald ikke det jeg beder den om. I stedet er hover-effekten blot den nedarvede fra "a:link"-tagget.

Hvordan kan jeg definere en ny hover-effekt til class'en?
Avatar billede majbom Novice
31. januar 2011 - 21:43 #1
det lyder som om du roder rundt i det...

kan du ikke vise noget kode?
Avatar billede Skaugir Nybegynder
31. januar 2011 - 21:49 #2
Nåh jo, det glemte jeg:

.actionbutton {
    border-radius: 6px 6px 6px 6px;
    background: #787d93 url(../img/background.jpg) repeat-x scroll 0 0;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    padding: 4px 6px;
    text-decoration: none;
    white-space: nowrap;
    float: right;
}
Avatar billede wanze Nybegynder
01. februar 2011 - 13:55 #3
Hvis du ønsker at lave en hover-effekt på .actionbutton, så skal du jo smide det ind i:
.actionbutton:hover {
  ...
}
Avatar billede majbom Novice
01. februar 2011 - 16:33 #4
hvilke elementer bruger den class?
Avatar billede Skaugir Nybegynder
01. februar 2011 - 20:05 #5
Det hjalp! Tak :-)
Avatar billede Skaugir Nybegynder
08. april 2013 - 21:42 #6
Tak, det hjalp
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester