input、select居中不兼容浏览器的解决方法_html-js-css

概述css修正Input标签在各种浏览器中差异，首先说明一下input、select等可能在各种浏览器中的表现差异：1.当input或select与其他标签(例如a、label)混排时，可能出现不居中的问题。2.input里面输入的文字行高存在差别，有空隙等等。3....混排时，外层标签不能控制表单标签。已…

　　CSS修正input标签在各种浏览器中差异，首先说明一下input、select等可能在各种浏览器中的表现差异：

　　1.当input或select与其他标签(例如a、label)混排时，可能出现不居中的问题。

　　2.input里面输入的文字行高存在差别，有空隙等等。

　　3....混排时，外层标签不能控制表单标签。

　　已解决的，看下面演示：

<!DOCTYPE HTML PUBliC "-//W3C//DTD xhtml 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-Transitional.dtd"><HTML xmlns="http://www.w3.org/1999/xhtml"><head><Meta http-equiv="Content-Type" content="text/HTML; charset=GBK" /><Title>input标签在各种浏览器中差异 - </Title><style type="text/CSS">body {Font-family:"宋体";Font-size:12px;}table {border-collapse:collapse;border:solID red 1px;}td,th {border:solID red 1px;height:40px;}label {vertical-align:mIDdle;}.inputtxt {wIDth:200px;padding:0;Font-family:"宋体";Font-size:12px;height:15px;line-height:15px;vertical-align:mIDdle;border:solID #0000FF 1px;}</style></head><body><form action="#" method="post"><table><tr><th wIDth="44">firt</th><td ><input @R_301_6889@="aj" type="text" maxlength="6" class="inputtxt" /><label>知</label><input type="text" maxlength="6" class="inputtxt" /></td></tr><tr><th>second</th><td><input @R_301_6889@="bs" type="text" maxlength="6" class="inputtxt" /></td></tr></table></form></body></HTML> <br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.wfuyu.com/' target='_blank'>http://www.wfuyu.com/</a></center>
@H_419_20@提示：可修改后代码再运行!

总结

以上是内存溢出为你收集整理的input、select居中不兼容浏览器的解决方法全部内容，希望文章能够帮你解决input、select居中不兼容浏览器的解决方法所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/web/1025612.html