blob: 41cd050050247c4af036e540f5d0b48526a7d56b [file] [log] [blame]
<!DOCTYPE html>
<style>
@keyframes test {
from {
background-color: rgba(0, 128, 0, 0.5);
border-color: green;
color: green;
fill: rgba(0, 128, 0, 0.5);
outline-color: green;
stroke: green;
text-decoration-color: green;
}
}
a {
animation-name: test;
animation-delay: 1e10s;
animation-duration: 1s;
animation-fill-mode: both;
border: solid;
outline: solid;
background-color: rgba(128, 0, 0, 0.5);
border-color: red;
color: red;
fill: rgba(128, 0, 0, 0.5);
outline-color: red;
stroke: red;
text-decoration-color: red;
}
</style>
<a id="visited" href="">
This should be completely green.
<svg width="14" height="14">
<rect x="2" y="2" width="10" height="10" stroke-width="4"></rect>
</svg>
</a>
<br>
<br>
<a id="unvisited" href="#">
This should also be completely green.
<svg width="14" height="14">
<rect x="2" y="2" width="10" height="10" stroke-width="4"></rect>
</svg>
</a>