Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Bydefault input size will be relected in other class

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #45877
    Sarfaraj
    Participant

    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.

    #140481
    bablucolno
    Participant

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

    #140484
    Sarfaraj
    Participant

    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;
    }

    #140486
    bablucolno
    Participant

    sounds good and thanks sarfraz thank a lot

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

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.