Jimdo Hover/Mouseover Farbwechsel

Ich habe eine Jimdo Homepage, bei der ich einen ausklappbaren Text einfügen möchte. Das hat soweit auch tatsächlich funktioniert. Jetzt möchte ich allerdings noch den Link/Button "mehr..." noch editieren. Und zwar dahingehend, dass er die Farbe von Schwarz auf Cyan wechselt, wenn man mit der Mouse darüber fährt. Also einfach einen klassischen Mouseover/Hover Effekt.

Kommentar abgeben zu diesen Beitrag/Code ?
Dann hier klicken

Der hier verwendete Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
    <style>
  *{
  margin:0;
  padding:0;
  box-sizing:border-box;
}
.checkbox{
  display:none;
  position:absolute;
  left:-2222px;
}
.box{
  width:200px;
  min-height:30px;
  position:relative;
  border-radius:5px;
  margin:0px auto;
}
.box:nth-child(2){
  margin-top:150px;
}
.mehr{
  position:absolute;
  z-index:0;
  border:1px solid black;
  border-radius:5px;
  top:0;
  transition:200ms top;
  height:30px;
  display:block;
  overflow:hidden;
}
.checkbox:checked ~ .mehr{
  transition:200ms top;
  height:auto;
  padding:10px;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX