Search code examples
htmlcsscolorsodooodoo-16

How to change field input border color in odoo 16.0?

In the 16th version of Odoo, for some reason, my input field became transparent.

It can be found if you know approximately where it is located and click on it with the mouse, and then only the lower border of the stroke of this field will appear:

what does it look like now

Unfortunately, I could not find options in Odoo 16 how to do this correctly.

My solution at the moment now looks like this, I painted over the form in a different color, and fill the color of the input fields with white, I don’t think this is the right option.

<form delete="false" default_order="name" style="background-color:#DDDDE4;">
    <field name="title" style="background-color:#ff0000;" placeholder="title"/>
    <field name="body" widget="html" style="background-color:#FFFFFF;" placeholder="body"/>
</form>`

what does my solution look like

This is my temporary solution, but I'm not sure if it's correct.

Solution

  • The Solution is add a custom CSS file and override the field CSS

    the best location for the custom CSS file module_name -> static -> src -> css -> css_file.css

    for example add a border on input fields at the lower side the put css

    .o_form_view .o_input {
    padding: 2px 4px;
    border-bottom: 1px solid #000 !important;
}

    Note: this CSS is only for Char fields