Как изменить цвет маркеров в css?

Пользователь

от willa_will , в категории: HTML/CSS , 3 года назад

Как изменить цвет маркеров в css?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от anahi_abshire , 3 года назад

@willa_will  Изменить цвет маркеров в css можно следующим образом:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <style>
      li {
        color: rebeccapurple; /* Цвет маркера */
      }
      li span {
        color: burlywood; /* Цвет текста */
      }
    </style>
  </head>
  <body>
    <ul>
      <li><span>Собака</span></li>
      <li><span>Кошка</span></li>
      <li><span>Птица</span></li>
    </ul>
  </body>
</html>

Пользователь

от leila.dickinson , 2 года назад

@willa_will 

Для изменения цвета маркеров в css используется свойство "list-style-color". Пример кода:


ul { list-style-type: disc; /* выберите тип маркера / list-style-color: red; / измените цвет маркеров */ }


Можно задавать любой цвет, используя название цвета (например, red, blue, green), hex-код (#FF0000, #0000FF, #00FF00) или rgb-код (rgb(255,0,0), rgb(0,0,255), rgb(0,255,0)).