No replies
coldy's picture
Last seen: 27 weeks 13 hours ago
Timezone: GMT-4
Joined: 2022-07-14
Posts: 1
Points: 2

Hi all, I'm trying to add some buttons with a white background and a border, but the border color is grey on the bottom and right and it messes up the border color:

I changed the border to white in that screenshot so you can see what I mean.

It doesn't matter what I do, what color I change it to, or if I try to set each side of the border color individually. There's always that grey line on the bottom and right.

Here's what it looks like with the intended color. The entire border should match the text:

Thanks for any insight!

Here's the complete class:

.button1 {
  background-color: #FFFFFF;
  border: 3 px;
  border-color: #6F95C0;
  color: #6F95C0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
  margin: 4px 2px;
  cursor: pointer;
  padding: 10px 20px;
  border-radius: 30px;