Button click style - Bootstrap template

3 posts, 0 answers
  1. Erwin
    Erwin avatar
    3 posts
    Member since:
    Jun 2014

    Posted 01 Dec 2014 Link to this post

    When clicking a button using the bootstrap style, the background turns blue, while the inside of the border is some kind of light blue. Bootstrap itself doesn't have this blue background, but their buttons have the same background color as when hovering.

    I've attached an image with examples. The left button is a Kendo Button, the right button is a bootstrap button.

    Can you tell me how I can prevent this behavior?
  2. Iliana Nikolova
    Iliana Nikolova avatar
    2622 posts

    Posted 03 Dec 2014 Link to this post

    Hi Erwin,

    Thank you for pointed our attention to this styling glitch - we have managed to address it and a fix will be included in our next internal build. Meanwhile you can use the following CSS rule: 
    .k-button.k-state-active:hover {
        color: #333;
        border-color: #adadad;
        background-color: #ebebeb;

    As a small sign of gratitude I updated your points.

    Iliana Nikolova
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Erwin
    Erwin avatar
    3 posts
    Member since:
    Jun 2014

    Posted 03 Dec 2014 in reply to Iliana Nikolova Link to this post

    Excellent! Thank you for the fast reply and (even better) temporary solution!
Back to Top