my html markupform class=form minisearch active qq_search_product_input qq_search_on id=search_mini_form action=# method=get =div class=actionsbutton type=submit title=Search class=action search disab

There could be a few reasons why the color is not changing to black. Here are a few things you can try:

1. Check if the CSS selector is correct: Make sure that the CSS selector ".qq_search_product_input.qq_search_on .minisearch i" is targeting the correct element. You can use your browser's inspect tool to verify this.

2. Check if the CSS property is being overridden: There might be other CSS rules that are overriding the color property. In your browser's inspect tool, look for any other CSS rules that target the same element and check if they are setting a different color.

3. Check if the FontAwesome icon is being loaded correctly: If the FontAwesome icon is not being loaded properly, it might not appear at all, regardless of the color. Make sure you have included the necessary FontAwesome CSS file and that the icon class "fa-regular fa-magnifying-glass" is correct.

4. Try using a more specific CSS selector: If there are multiple elements with the same class names, using a more specific CSS selector might help. For example, you can try adding an ID selector like "#search_mini_form .qq_search_product_input.qq_search_on .minisearch i" to increase the specificity.

If none of these solutions work, please provide more information or share the full HTML and CSS code so that I can assist you better