Добрый день, есть код спойлера:
<style>
.spoiler {
display: block;
width: 100%;
}
.spoiler > .title {
display: block;
padding: 4px;
}
.spoiler > .body {
padding: 4px;
border-top: #ccc solid 1px;
display: none;
}
.spoiler > :checked ~ .body {
display: block;
}
</style>
<br>
<br>
<label class="spoiler"> <input type="checkbox"> <u>Тайтл спойлера</u>
<div class="body">
<br>
<p>
Текст в спойлере
</p>
</div>
</label>
Только CSS у меня прописал в style.css шаблона. В итоге у меня получается список спойлеров и везде не активная ссылка при нажатие. Что делать? Хочу чтобы при наведение мышкой на название спойлера, менялся цвет названия
Вот тут зеленым показывает так, как мне надо при наведение. Но это я выделил font color, а надо чтобы при наводке..
Я прописывал
<style>
a:hover {
color: #800000; /* Цвет ссылки при наведении на нее курсора мыши */
text-decoration: underline; /* Добавляем подчеркивание */
}
</style>
Но толку не дало
Средний
