h5 css-H5 INPUT标签居中的问题

问题描述

H5 INPUT标签居中的问题

问题一：input 的"phone"的长度比"password长两个像素点，
我设想的是改成phone的type为"number"，有别的办法吗？
问题二：图片

上方黑色为DIV块，下方三条为input三条，可以明显看出input标签长度不对，

设置居中以后，会出现右多左少的情况，请问该怎么办？

                        谢谢大家！

解决方案

input.h

解决方案二：

设置好padding和margin，width也要设置，不同浏览器不同type的控件默认长度不一样

你的截图3个input右边不是对齐了？哪来的度对齐？？

解决方案三：

干嘛width要100%，这个是输入框诶，直接给个宽度和高度就ok啦，你这样弄感觉好丑啊，全部输入框都贴一起了，还很长，用得着那么长吗？

时间： 2024-09-30 07:16:03

h5 css-H5 INPUT标签居中的问题的相关文章

css中input标签与图片按钮对不齐怎么办

页面中img和input顶部总对不齐,预览效果如下: 解决方法其实很简单,我们只要给图片加上vertical-align:middle属性就可以了. 代码如下 <input name="veryhuo" type="text" size="28" value="" style="vertical-align:middle" /> <img src="h/images/8

css中input标签与图片按钮对不齐解决方法

页面中img和input顶部总对不齐,预览效果如下: 解决方法其实很简单,我们只要给图片加上vertical-align:middle属性就可以了. 代码如下复制代码 <input name="veryhuo" type="text" size="28" value="" style="vertical-align:middle" /> <img src="h/images/

html5-H5 使用&amp;lt;input&amp;gt; 标签居中问题

问题描述 H5 使用<input> 标签居中问题问题一:的长度比长两个像素点, 我设想的是改成phone的type为"number",有别的办法吗? 问题二:图片上方黑色为DIV块,下方三条为三条,可以明显看出input标签长度不对, 设置居中以后,会出现右多左少的情况,请问该怎么办? 谢谢大家! 解决方案 http://ask.csdn.net/question/218867 解决方案二: 使用margin居中常见问题解决方案三: placeholder="

批量修改标签css样式以input标签为例_jquery

$("input[style]").each(function(){ $(this).css("border-width","1"); $(this).css("background-color","#A9A9A9"); }); 以上是小编为您精心准备的的内容,在的博客.问答.公众号.人物.课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索css样式 input标签 css input 样式.cs

input标签写CSS时需要注意的几点

飞鱼的声纳顶部的搜索框让我头疼了很长时间,原因是总不能获得跨浏览器的统一样式.主要的问题有这么两个:一是input标签的高度不能统一,Firefox和IE中的高度始终不能一致;二是在IE浏览器中属性为text的input标签中的输入文字不像标准浏览器中的那样垂直居中显示,而是靠输入框的左上角显示. 为了彻底解决搜索框的这些问题,我以GreenGaint主题搜索框的样式为准,重写了一遍代码并且以像素为单位测量了一下在没有任何样式表的情况下<input>标签在默认浏览器中的实际差别. 结果发现:i

使用css直接定义input标签

css <style>INPUT { color: expression(this.type=="button"?'red':'green'); } </style> <input type="button" name="test" value="haha"><input type="text" name="test2" value="

css input标签字体靠右对齐移动端不方便删除

问题描述 css input标签字体靠右对齐移动端不方便删除 css input标签字体靠右在获得焦点时希望光标可以在字体的右边解决方案使用selectionStart和selectionEnd属性 <input type="text" style="text-align:right" value="1234566" onclick="this.selectionStart = this.selectionEnd = t

用CSS创建一个布局居中的页面

css|创建|页面最近有一个读者问到,怎样用CSS创建一个居中的页面布局.该读者所追求的,是要达到这样一种效果,就如同在一个1024象素宽的页面上设计出一个800象素宽的表格.这是一种使用很广泛的页面设计方法,按照传统,它要靠嵌套表格才能达到这一效果,因此,这位读者追寻一种用CSS来达到这一效果的方法并不让人惊讶. 用CSS来创建一个居中的页面设计的基本技术相对来说较简单,不过与同类相比,也简单不了太多.让我们看一下,要将这种由来已久的基于表格的设计转变成用CSS,该怎样做. 传统的做法:居中

用CSS美化input file按钮的方法

我们在做表单的情况下,input.textarea.button的样式比较容易定义,select和input file的样式难以定义. input file在系统默认下的外观: 我们最多通过定义input的border来改变系统默认的外观: 如果要让浏览按钮更漂亮一点,我们想定义它的背景颜色,甚至想用背景图片来代替,通过css定义input flie还真是办不到的.偶然看到一篇文章:input file 文件选择框美化作者是把系统默认的按钮设置透明度为0,再定义一个label标签样式,来覆盖透