Styling Inputs and Widgets

import dash_ag_grid as dag
from dash import Dash, html
import pandas as pd

app = Dash()

df = pd.read_csv(
    "https://raw.githubusercontent.com/plotly/datasets/master/ag-grid/olympic-winners.csv"
)

columnDefs = [
    {"field": "athlete"},
    {"field": "age"},
    {"field": "country"},
    {"field": "year"},
]

app.layout = html.Div(
    [
        dag.AgGrid(
            id="styling-inputs-text-inputs",
            rowData=df.to_dict("records"),
            columnDefs=columnDefs,
            defaultColDef={"filter": True, "floatingFilter": True},
            dashGridOptions={
                "theme": {
                    "function": """themeQuartz.withParams({
                        inputBackgroundColor: 'lavender',
                        inputBorder: { color: 'red', style: 'dashed', width: 2 },
                        inputTextColor: 'black',
                    })"""
                }
            },
            columnSize="sizeToFit",
        )
    ]
)

if __name__ == "__main__":
    app.run(debug=True)