- This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
Viewing 4 posts - 1 through 4 (of 4 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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.
hi,@sarfaraj
i m also confuse in this case plz let me know if you have find solution.
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;
}
sounds good and thanks sarfraz thank a lot
input[type=”text”] {}
input[type=”button”] {}