Я сделал кнопку ползунка, чтобы изменить цвет тела и ссылок, когда я переключаю это. Цвет кузова успешно изменился. но я не знаю, как изменить цвет ссылок с помощью кнопки. Я пытался решить проблему с кодами ниже, но это не работает, поэтому я написал код для тела, а не ссылки. пожалуйста, помогите мне . благодарю вас. Вот примеры кодов:
в java скрипт:
function myFunction(){
var element = document.body;
element.classlist.toggle("change");
}
.body{
background-color: white;
color: black;
}
.change{
background-color: black;
color: white;
}
//making slider button
.switch {
box-shadow: 0px 0px 0px;
position: relative;
display: inline-block;
width: 35px;
height: 22px;
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 18px;
width: 18px;
left: 2px;
bottom: 2px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider {
background-color: #2196F3;
}
input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
-webkit-transform: translateX(13px);
-ms-transform: translateX(13px);
transform: translateX(13px);
}
/* Rounded sliders */
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
<div>
<a href="#">this is a link</a>
</div>
<div>
some text...
</div>
<label class=".switch">
<input type="checkbox" onClick="myFunction">
<span class="slider round"> </span>
</label>