Grow your CSS skills. Land your dream job.

Bydefault input size will be relected in other class

  • # June 26, 2013 at 4:40 am

    I have one issue with the input type and with button class.
    1) I have configured design for input class.
    2) I have configured separate class for button.

    Now i am getting the button size as matched with input width.

    I don’t understand how can the button size reflected, although i have already set button width. but it’s not reflected, by-default it has taken input with.

    You all guys have any solution regarding this issue, Then let me know.
    It would very appreciating thing to help.

    # June 26, 2013 at 5:48 am

    hi,@sarfaraj
    i m also confuse in this case plz let me know if you have find solution.

    # June 26, 2013 at 6:34 am

    I have solved this issues. check below code.

    input[type="text"]{margin:0px; padding:5px; float:left; border:1px solid #cbcbcb; height:23px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; width:213px;}
    input[type="button"]{padding:8px; margin:0; background: #2c539e; /* Old browsers */
    background: -moz-linear-gradient(top, #2c539e 0%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c539e), color-stop(100%,#254488)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2c539e 0%,#254488 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2c539e 0%,#254488 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2c539e 0%,#254488 100%); /* IE10+ */
    background: linear-gradient(top, #2c539e 0%,#254488 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#2c539e’, endColorstr=’#254488′,GradientType=0 ); /* IE6-9 */
    border:0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#FFFFFF;
    }

    # June 26, 2013 at 6:43 am

    sounds good and thanks sarfraz thank a lot

    input[type="text"] {}
    input[type="button"] {}

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".