How to change the text color

[pcng618Participant]

Hi,

I want to ask you for “Button”. I read in the API and I found property “type” but it doesn’t look to change the style.
My requerments is to create blue (“#55719e”) rounded button. Is this possible with the properties?

I try with “background-color” but now I cannot change the text color. How can I do this?
My code is like this:

<smart-button style="width: 55px; height: 55px; border-radius: 50%; background-color: #55719e; color: white;" id="update">Update</smart-button>

Thanks,
–Aleksandar Laskin

[ivailoParticipant]

Hi Aleksandar,

If you want to change button’s background color and color, please, set the following CSS variables:

--smart-background-color: #55719e; 
--smart-color: white;

More information about button’s CSS styling can be found here:
https://www.htmlelements.com/docs/button-css/

Best Regards,
Ivailo

SmartElements Team
http://www.htmlelements.com

[pcng618Participant]

Hi Ivailo,

Maybe I will spend more time to search how to make this style change. This doc is very useful! Thanks!

Now I have another question. Can I make it this with some toggle button or something? Becouse I want to change text of the button of in one case and in another to be different.

–Aleksandar Laskin

[Author]

Posts