input内文字垂直居中问题(兼容ie&ff),等待中!
<style type="text/css">
<!--
input {
text-align:center;
height:400px;
line-height:400px;
width:200px;
vertical-align:middle;
margin-right: auto;
margin-left: auto;
margin-top: auto;
margin-bottom: auto;
background:url("IMG.JPG") #fff no-repeat center;
}
-->
</style>
<body style="text-align: center">
<input>
</body>
该文本框高度设置为400px,希望其背景图和输入文字都垂直水平居中。而现在在ie里效果正常,在ff中图片正常,input的文字只能水平居中,如何才能垂直也居中?请教!
<!--
input {
text-align:center;
height:400px;
line-height:400px;
width:200px;
vertical-align:middle;
margin-right: auto;
margin-left: auto;
margin-top: auto;
margin-bottom: auto;
background:url("IMG.JPG") #fff no-repeat center;
}
-->
</style>
<body style="text-align: center">
<input>
</body>
该文本框高度设置为400px,希望其背景图和输入文字都垂直水平居中。而现在在ie里效果正常,在ff中图片正常,input的文字只能水平居中,如何才能垂直也居中?请教!
...全文
相关推荐
input 文本框 文字垂直居中对齐 ie firefox
在ie中文字垂直居中对齐的话 在css中把line-height的属性设置成height的高度即可。但在ff中似乎不管用。
表单元素和文字垂直居中对齐问题解决整理
为了使表单元素和文字都垂直居中对齐,当文本框和下拉框都没问题,但是单选框和复选框就了,经过反复测试终于完整搞定与大家分享,感兴趣的各位可不要错过了哈
input框中出现提示文字(兼容ie 火狐 谷歌)
有好多的提示文字直接写在了input框中,placeholder属性只在高版本的谷歌和火狐中有但是不兼容ie8以下,此附件为input框中出现提示文字(兼容ie 火狐 谷歌)。
Firefox下input button内文字不能垂直居中的解决方法
在Firefox下input type=”button”的文字是不好居中的,原因在于Firefox自己弄了个私有属性,解决方法很简单,遇到类似问题的朋友可以学习下,希望可以帮助到大家
兼容IE7、IE8、IE9的input type="number"插件
IE11版本好像才兼容input type="number",但是现在Win7版本操作系统下,很多人的IE版本都是IE7/8/9,所以为了体验就自己写了一个小插件,支持设置最大值、最小值、数字间隔。


