'Removing the border from a Dropdown button in Fabric UI React

I am trying to remove the border from a React.Dropdown component.

<Fabric.Dropdown
    defaultSelectedKey={props.defaultKeyInDropDown}
    options={props.dropdownOptions}
    onChanged={props.dropdownOnChange}
    dropdownWidth="1"
    ariaLabel={"Dropdown " + props.defaultKeyInDropDown}
    styles={{border:none}}
/>

I've tried various options including

styles={{border:none}}

or styles={{dropdown:{border:none}}}

Any idea how I can achieve this with Fabric UI dropdown component?

office-ui-fabricfluentui-reactoffice-ui-fabric-react


Sources

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

Source: Stack Overflow

Solution Source

Related Questions