When I run the example from the dash-docs for the ColorPicker it looks like this:
How do I get rid of that strange looking half round border?
In the dash-docs it looks like this:
I tried both Chrome and Firefox. I also ran it without a stylsheet, and also using a Bootstrap stylesheet. They all look the same.
Using inspect element, I can remove the round border by un-checking the line with the border-radius
, but I don’t know how to add this correctly to the css in the assets folder. Adding it as-is doesn’t work.
Any ideas?
.caSNYE > div {
box-shadow: none !important;
background-color: #fff;
/* border-radius: 100% !important; disabling this removes the half round border */
border: 1px solid #D3D3D3 !important;
}