Customise "Save" Button Color inside a Modal

Ask the community
11

Also,

If you want to add a border and a on-mouse-hover version =>

As always: change the colors (#xxxxxx) and list1 by the id of your block

The code below is only for the save/right button but the logic is exactly the same for the cancel/left button (:nth-child(1))

#list1 .MuiDialogActions-root .MuiButtonBase-root:nth-child(2) {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    border: 2px solid #000000 !important; /* 2px is the size of the border. 1px for a thiner border */
}

#list1 .MuiDialogActions-root .MuiButtonBase-root:nth-child(2):hover {
    background-color: #FFFFFF !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
}
1 Like