css - Extra Padding on top of Submit Button -
i can't rid of padding on top of submit button. i've tried adjusting height, line-height, padding, margin, nothing seems work. basically, instead of "go" text showing in bottom of field, want centered, , can't figure out how it.
css:
@import url(http://fonts.googleapis.com/css?family=libre+baskerville:700); input[type=submit] { background: #cda91b; border: 0; color: #fff; font-family: "libre baskerville", libre baskerville, times new roman, times, serif; font-size: 20px; font-weight: 700; height: 25px; margin: 0; padding: 0; text-transform: lowercase; vertical-align: top; /* css3 */ -webkit-transition: background 0.25s; -moz-transition: background 0.25s; -ms-transition: background 0.25s; -o-transition: background 0.25s; transition: background 0.25s; } input[type=submit]:hover { background: #e5be1e; cursor: pointer; }
demo:
update: realize it's part of font, used "padding" describe area. it's not padding.
additionally, button needs same height now. i'm starting think may have make background image, unfortunately.
that's not padding - it's part of area created text. can see if disable text-transform: lowercase;
specification.
if need text appear inside button, try adding element, , positioning text half em or so.
Comments
Post a Comment