Azure map remove default border / outline

Question

I am using Azure maps Azure-Internet of Things-AzureMaps-Create a map

I want to remove the default black outline/border around the map. I looked for the same in azure maps documentation but didn't find any solution.

Answer 1

I am able to remove the black border/outline by using the following CSS.

.mapboxgl-canvas {
    outline: none !important;
}

Answer 2

The map doesn't have a border until it has focus. When it has focus the black border appears. This is an accessibility feature that shouldn't be overridden as you will end up making your application less accessible to certain users.