css - IE top-aligning text in input -
the top input search on site here isn't correctly displaying in ie no matter i've tried - tried padding , line-height, they're still aligned @ top.
here's css , ideas great:
.search-bg { background: #8a939a url("/images/top-input-bg.jpg") repeat; border-radius: 15px; display: block; float: left; height: 30px; margin: 15px 10px 0 0; width: 205px; } .search-bg input { background-color: rgba(0, 0, 0, 0); border: none; float: left; font-size: 14px; height: 30px; line-height: 15px; padding: 0 0 0 15px; width: 154px; } many thanks.
you need increase value of line-height 30 in input
.search-bg input { background-color: rgba(0, 0, 0, 0); border: none; float: left; font-size: 14px; height: 30px; line-height: 30px; <-- padding: 0 0 0 15px; width: 154px; }
Comments
Post a Comment