js change unordered list bullet code example

Example 1: how to change only bullet color in css

li::before {content: "•"; color: red;
  display: inline-block; width: 1em;
  margin-left: -1em}

Example 2: how to change only bullet color in css

li::before {content: counter(li); color: red;
  display: inline-block; width: 1em;
  margin-left: -1em}