Mam więc Div, gdzie cała rzecz jest tagiem kotwią i próbuję kontrolować, w jaki sposób kolor jest na unośnie i uzyskanie różnych wyników. Mam nadzieję, że mogę to zrobić za pomocą tylko CSS. To się dzieje, jest na Hover, jedna zmiana tekstu, ale nie druga. Ale także podkreśla dekoracja tekstowa jest nadal inna. Po prostu chcę, aby pozostać czarnym nawet na HOVER, ale na HOVER, podkreślenie URL pojawia się na tekście.

<style>
    .welTile > p:hover {
        color: black;
    }
</style>
<div class="col-md-4">
    <a href="#/mod1">
        <div class="welTile">
            <img src="assets/images/welcomeTile.png">
            <p>Module 1: Moneyball Concepts</p>
            <p>Learn the basic concepts you need to successfully complete the other 5 modules</p>
        </div>
    </a>
</div>

I kilka zrzutów ekranu tego, co dzieje się przed i po unosi się:

-1
Mark 16 luty 2017, 21:54

2 odpowiedzi

Najlepsza odpowiedź

To CSS utrzyma wszystko, aby pozostać w kolorze czarnym.

.col-md-4 a, .col-md-4 a:hover, .col-md-4 a:focus, .col-md-4 a:active {
    color: black;
    display:inline-block;
    text-decoration: none;
}
0
Subash Matheswaran 17 luty 2017, 05:34

Musisz skierować różne stany tagu kotwicy, jak to:

.col-md-4 a {
    color: #000;
}
.col-md-4 a:hover {
    color: #000;
}
.col-md-4 a:focus {
    color: #000;
}
.col-md-4 a:active {
    color: #000;
}
2
AndrewL64 16 luty 2017, 21:29