'Material UI DropDown Focus Remove

I want to remove the focus background color for the target dropdown

<Dropdown
                options={branding}
                fullWidth
                id='Name'
                placeholder='Name'
                label='Name'
                name='Name'
                className='form-name-input name-textbox name-dropDown'
                data-test='name-dropbox'
                onChange={handleChange}
                value={values.brand}
                error={errors.brand}
                style= {{             
                  MuiSelect: {
                    select: {
                      "& .MuiSelect-select:focus": {
                        backgroundColor: 'transparent',
                      }
                    }
                }}        
              }
              />

On focus i am getting the focus to white I need to change the color once drop down is removed, I d want to use inline styling only . want to remove backgroundColor in focus or set it to transparent for only this dropdown

styles of the drop-down element



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source