Css parameters for every element

Dash Python
1

Where can i find all css parameters for every element? For example: I need to change the css for the date picker but how can I know what css parameter i have to change?

2

I don’t think you’ll find the list you wanted… The best way to figure out what you can target with style is looking at the source code for each component or its implementation.

1 Like
3

Thank you for fast reply. But I don’t need the parameter for the style element, I need the parameter for the .css file.
Do you know where I can find the source code or the implementation? Thanks.

4

This is how SingleDatePicker is made in dcc (it import from react-dates, so better look at that one instead). The source code is available in the browser - Developer tools.

But I don’t need the parameter for the style element, I need the parameter for the .css file.

Do you mean that you want to know where the CSS stylesheet is?

1 Like
5

Do you mean that you want to know where the CSS stylesheet is?

I seen from browser inspector that the Date Picker have this css

.DateRangePickerInput {
    background-color: transparent;
    border-color: #67AFCB !important;
    border: 0px;
}

But what I want to know the others parameters that i can change.
Anyway your replies are useful, thanks for it.

6

You are welcome!

What you mentioned is the wrapper for the component, which is a div. So any div property can be selected (you can find lists on W3). Now, this does not mean that it will change other parts of this component (hover state, buttons and what not…), because the component itself is quite complicated…

Note that Dash components are all React components and there are multiple ways of implement styles in them, usually not using stylesheets.