Coloring individual icons on buttons

[pgr2857]

I am looking for instructions to show the syntax for coloring ONLY the icon on a drop down menu button. Any suggestions?

[ArielLeslie]

You probably want to add a class to all of your menu icons and apply the color to all members of that class. Something like

.menu-icons {
    color: pink;
}

[pgr2857]

Thank you -I tried selecting the i class but have had no change. This is an exercise in creating a button with name/link in white and chevron-down in green.
If you can help further, TIA

<div class="create-combo-box">
<select>
<option value="create.html">Create<i class="fas fa-chevron-down"></i></option>
<option value="html">HTML</option>
<option value="js">JS</option>
<option value="css">CSS</option>

</select>
</div>

[Roma]

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

[ArielLeslie]

Can you share your full code? Preferably in a live environment like CodePen.

[lasjorg]

Styling a select element is easier said than done.

Custom Select Styles with Pure CSS | Modern CSS Solutions

The select and option elements do not accept the i element as content. You will have to use a different method. The actual color of the icon can be changed using color.