I am facing an issue with my buttons in a drop down menu displaying a black outline around each button, which I would like to remove to achieve a more integrated look with the background. Alternatively, I am looking to make the outline white so that it is not visible. Below is the HTML code snippet I have been using:
.profiletype {
background-color: white;
font-weight: 300;
letter-spacing: 1px;
color: black;
cursor: pointer;
text-transform: uppercase;
margin: 5px;
text-align: center;
}
<input type="button" className = 'profiletype' name="profile_type" value={name} onClick={submit}>Social</input>
<input type="button" className = 'profiletype' name="profile_type" value={name} onClick={submit}>Professional</input>
I have also included an image showing the current appearance of the buttons: