使用CSS在文本框中居中文本(垂直) [英] Centering text (vertically) inside a textbox using CSS
问题描述
我目前正在使用一个有背景的文本框。
I'm currently working with a textbox that has a background. I was wondering if it's possible to center text (vertically) inside the textbox.
重要:它完全集中在firefox中。只有IE它写得太高,出于某种原因。我尝试了行高,填充和边距。没有什么工作。任何想法?
important: it's perfectly centered in firefox. Only IE it writes it too high for some reason. I've tried line-height, padding, and margin. Nothing works. Any ideas?
编辑:这是我当前的CSS。我应该说,我试过margin-top方法,它没有为我工作。此外,正如我所提到的,这只是为IE。我有IE特定的样式表,所以没有后顾之忧。
This is my current CSS. I should say that I've tried the margin-top method and it didn't work for me. Also, as I mentioned, this is only for IE. I have IE specific style sheets so no worries.
.textValue { color: black; font-size: 12px; font-family: David, sans-serif; }
input { width: 110px; padding: 0 2px; padding-right: 4px; height: 20px; border: solid 1px white; margin-bottom: 0px; background: url(../images/contactTextBg.png) no-repeat top right; }
label { float: right; margin-left: 5px; font-size: 13px; }
对于IE,我有以下:
.textValue { font-size: 14px; }
:
<tr>
<td><label for="name">name</label></td>
<td><input type="text" name="name" id="name" class="textValue" value="" /></td>
</tr>
感谢,
Amit
Thanks, Amit
推荐答案
我想知道如何在文本框中对齐文本,但是因为你说,这里是建议:
对于idiot IE,你可以使用这个IE特定的hack:
For idiot IE, you can use this IE specific hack:
margin-top:50px; /* for standard-compliant browsers */
*margin-top:50px; /* for idiot IE */
_margin-top:50px; /* for idiot IE */
您可能想尝试其他类似的属性, code> margin-top 。
You might want to try other similar properties if you want rather than margin-top
.
这篇关于使用CSS在文本框中居中文本(垂直)的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!