How can I imitate the look of the outline and label from Material-UI's outlined textfield?

Question

I\'m trying to imitate the outlined textfield from Material-UI but I don\'t know how to hide the border behind the title text.

In the below image, notice how the \"D

Answer 1

Just apply the same background color on the color div as the parent's background color, you can do it by background-color: inherit like this:

        

          Color
        
        

          {
            availableColors.map(color => 
)
          }