JavaScript UI Libraries & Blazor Components Suite – Smart UI › Forums › Buttons › How to change the text color

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • May 15, 2018 at 11:02 am #98846
    admin
    Keymaster

    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

    May 15, 2018 at 1:41 pm #98851
    admin
    Keymaster

    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

    May 16, 2018 at 6:00 am #98853
    admin
    Keymaster

    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
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.