Microsoft Edge Displaying Incrorrect Colors for CSS/HTML.

Arctic A 0 Reputation points
2023-01-19T03:19:13.3933333+00:00

Edge:

Image

Image

Chrome:
Image

Image

How do I fix this, reset microsoft Edge, disabled extension, went into safe mode, disabled dark mode. Enabled Forced colors, disabled, enabled/disabled hardware acceleartion. Updated Edge.

Windows 11.

Winver 22621.1105

Edge version

Version 109.0.1518.55 (Official build) (64-bit)

See https://colab.research.google.com/notebooks/forms.ipynb#scrollTo=ig8PIYeLtM8g for example. Is this just my browser.

Microsoft Edge
Microsoft Edge
A Microsoft cross-platform web browser that provides privacy, learning, and accessibility tools.
2,343 questions
{count} votes

1 answer

Sort by: Most helpful
  1. ShiJieLi-MSFT 10,016 Reputation points Microsoft Vendor
    2023-01-20T02:18:24.5833333+00:00

    Hi @Arctic A,

    Actually, it is just a different "behavior". The grey checkbox and range bar is by design in Edge, no matter how you set the appearance (dark mode or something). I don't think it is an "issue", but if you want to style the colors to unify their design, here's a solution for you: accent-color.

    Code example:

    input[type="checkbox"] {

    accent-color: rgb(0 117 255);

    }

    It changes the checkbox color into blue, just like Chrome does (same RGB value). You can see the difference in the screenshot:after

    To change the color of range bars, you can simply change the type into "range":

    input[type="range"]{

    accent-color: rgb(0 117 255);

    }


    If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

    Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

    Best Regards,

    Shijie Li


Your answer

Answers can be marked as Accepted Answers by the question author, which helps users to know the answer solved the author's problem.