How to style input box on edit/create modals

ttsullivan

See attached

allan

Ah good old Chrome. See this blog post from the google chrome team for why it is happening in Chrome (or Blink based browsers in general).

I've added this CSS to Editor's stylesheet, which will be in the 1.9.5 release:

        // Chrome 83 introduces some really ugly borders
        border: $input-border;
        border-radius: 3px;

I expect it to be out later this month.

In the mean time, you could add something like:

div.DTE_Field input[type="color"], div.DTE_Field input[type="date"], div.DTE_Field input[type="datetime"], div.DTE_Field input[type="datetime-local"], div.DTE_Field input[type="email"], div.DTE_Field input[type="month"], div.DTE_Field input[type="number"], div.DTE_Field input[type="password"], div.DTE_Field input[type="search"], div.DTE_Field input[type="tel"], div.DTE_Field input[type="text"], div.DTE_Field input[type="time"], div.DTE_Field input[type="url"], div.DTE_Field input[type="week"] {
    border: 1px solid #aaa;
    border-radius: 3px;
}

to your CSS.

Allan