HTML Elements Forums Buttons How to change the text color

This topic contains 2 replies, has 2 voices, and was last updated by  pcng618 10 months, 2 weeks ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #98846

    pcng618
    Participant

    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

    #98851

    ivailo
    Participant

    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

    #98853

    pcng618
    Participant

    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

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.