css3输入框，css设置input输入框的位置

CSS屏蔽Webkit浏览器input高亮和textarea缩放

首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的body标签中，输入html代码：textarea style=resize：none/textarea。

注意：目前只有webkit核心浏览器才支持resize属性，且只支持等比例调整 resize属性默认是打开的如果想关闭resize有两种方法：通过resize属性禁止对元素进行缩放。

可以设定表单控制元件的outline属性为none值来去掉Chrome浏览器中输入框以及其它表单控制元件获得焦点时的橙色边框。

一般情况下，textarea是被固定宽度和高度的，如果你不愿意让其任意缩放，你可以为textarea添加resize：none的css属性。这样就可以去除Webkit内核的浏览器的默认显示。

webkit内核的浏览器，当用户点击一个链接或者通过js定义的可点击元素的时候，会出现一个半透明的灰色背景或者红色的边框。如果想要禁用高亮，可设置颜色的alpha值为0，也就是属性值的最后一位设置为0就可以去除背景或者边框。

-moz代表firefox浏览器私有属性 -ms代表ie浏览器私有属性 -webkit代表safari、chrome私有属性 这些是为了兼容老版本的写法，比较新版本的浏览器都支持直接写：border-radius。

相关问答

Q1: 如何通过css3来改变输入框的大小

新建一个html文件，命名为testhtml，用于讲解div加css怎么调输入框的大小位置。在testhtml文件内，使用div创建一个模块，并设置div的id为mydiv。

方法有两种：一：采用css的zoom属性 zoom缩放会将元素保持在左上角，并且会有毛边，可能会稍稍改变元素原来的形状。

方式1 因为每个浏览器的CSS选择器都有所差异，所以需要针对每个浏览器做单独的设定(可以在冒号前面写input和textarea)。

这里是文字的输入地方，随着文字的增多，边框就逐渐放大。可以放加入背景图片的代码 ，在这里还可以放一个或多个动画代码（做多层透明flash 动画）。

Q2: 怎么在css中设置输入框不会被手机软键盘

1、像webkit的加上-webkit-前缀，火狐的加上-moz-前缀，IE加上-ms-前缀，Opera加上-o-前缀。现在基本上能够支持的都已经支持了，可以做到把前缀去掉的标准写法也能得到支持。

2、）将输入框的代理设置为self （在lb文件中将输入框的delegate设置为File’s Owner 。

3、把顶级的layout替换成ScrollView，或者说在顶级的Layout上面再加一层ScrollView。这样就会把软键盘和输入框一起滚动了，软键盘会一直处于底部。

4、word-wrap：break-word； word-break：break-all；让一行连续的数字或英文字母遇到边界自动换行。

Q3: css3如何设置placeholder的样式

placeholder属性是css3中新增加的属性，IE9和Opera12以下版本的CSS选择器均不支持占位文本。

因为每个浏览器的CSS选择器都有所差异，所以需要针对每个浏览器做单独的设定(可以在冒号前面写input和textarea)。

-moz-placeholder{} /* Firefox版本19+ */ ：-ms-input-placeholder{} /* IE浏览器 */ 注1：冒号前写对应的input或textarea元素等。

css3输入框的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css设置input输入框的位置、css3输入框的信息别忘了在本站进行查找喔。