Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
- Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
- Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
- Opera: Нажмите Ctrl+F5.
/* Стили для темной темы */
body {
background-color: #121212;
color: white;
}
/* Стили для выпадающего списка */
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-button {
background-color: #333;
color: white;
padding: 10px;
border: none;
cursor: pointer;
font-size: 16px;
}
.dropdown-button:hover {
background-color: #444;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #333;
box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
z-index: 1;
width: 200px;
}
.dropdown-content ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.dropdown-content li {
padding: 10px;
color: white;
}
.dropdown-content li:hover {
background-color: #555;
}
/* Показывать выпадающий список при клике */
.dropdown.open .dropdown-content {
display: block;
}