Button Styling Inside Border

trush · February 2020

Hi,

Is there a way to style the button using css to look like this? https://stackoverflow.com/questions/24519268/how-to-make-a-button-with-inside-border

I've tried the css below adding it as a class but it encompasses the button instead of targeting the inside.

.insidestroke{

outline: 2px solid red;

background-color:#d59f35;

outline-offset: 15px;}

https://snipboard.io/kIecvd.jpg

Thanks

Pablo · February 2020

Hello,

I don't think that's possible.

You would have to catch the element which is inside the "button" div and there apply the border, let's say for the text.

But I'm not sure if it will be your desired effect.

Thanks

trush · February 2020

[button title="Click" link="/#/" target="_blank" align="center" icon="" icon_position="" color="#F0BC48" font_color="#fff" size="4" full_width="" class="myclass" download="" rel="" onclick=""]

.myclass span{

line-height: 2.4rem;

color: white;

border: none;

outline: .2rem solid white;

outline-offset: -.5rem;

}

Pablo · February 2020

I've changed your CSS code to be proper, it will work fine.

Thanks

Button Styling Inside Border

Comments