No replies
coldy
coldy's picture
Offline
newbie
Last seen: 3 weeks 3 days 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: https://prnt.sc/XjHm1TvUrNsG

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: https://prnt.sc/jQ_LslCDJ8QN

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;
  height:38px;
  width:150px