Kendo.common.css Firefox Button Padding

2 posts, 0 answers
  1. sara
    sara avatar
    31 posts
    Member since:
    May 2007

    Posted 01 May 2012 Link to this post

    We have a page where we have included the kendo.common.css stylesheet.  When we view this page in Firefox, we notice that all of our buttons are really tall.  We've tracked this issue down and it is due to the following style in kendo.common.css:

    /* Override the important default line-height in Firefox 4+ */
    :-moz-any(input[type="submit"], input[type="button"], input[type="reset"]) {
        padding-bottom: 0.37em;
        padding-top: 0.37em;

    This applies top and bottom padding to any button on our page.  This seems wrong, should this not be something more specific than any button, maybe something like (or some variation thereof):

    /* Override the important default line-height in Firefox 4+ */
    input.k-button:-moz-any(input[type="submit"], input[type="button"], input[type="reset"]) {
    padding-bottom: 0.37em;
    padding-top: 0.37em;


  2. Kamen Bundev
    Kamen Bundev avatar
    1532 posts

    Posted 02 May 2012 Link to this post

    Hi Sara,

    Thank you for noticing. It has been fixed and the fix will be available with the next internal build and later in the service pack. I also updated your points for the find.

    All the best,
    Kamen Bundev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top