【input 光标在 chrome下不兼容 解决方案】的更多相关文章

input 光标在 chrome下不兼容 解决方案

input 光标在 chrome下不兼容 解决方案 height: 52px; line-height: normal; line-height:52px\9 .list li input[type=text] {  width: 304px;  height: 52px;  line-height: normal;  line-height: 52px\9;  border: none;  color: #FFFFFF;  background: url(../images/txt-bg.pn…

ie 下input光标位置垂直不居中问题

input输入框用一个背景图模拟,设置height和line-height一样的高度,使里面的输入文字能够居中, 在FF下出现的情况是:点击input时,输入光标其实上跟input的height一样高,但当开始输入文字时,光标又变得跟文字一样高, chrome下光标跟input的height一样高, 而IE下光标跟文字的大小一致. 一直没弄明白为什么这样子,今天才知道为什么. 初步结论如下: IE:不管该行有没有文字,光标高度与font-size一致. FF:该行有文字时,光标高度与font-s…

chrome下input[type=text]的placeholder不垂直居中的问题解决

http://blog.csdn.net/do_it__/article/details/6789699 <input type="text" placeholder="search word" name="p" /> 但是在chrome下显示的search word并不能垂直居中. 后来找了很久终于在stackoverflow上找到了对应的方法. 参考:http://stackoverflow.com/questions/49196…

chrome下float元素下input选中内容bug

今天在写一个小demo的时候,发现chrome下一个很奇怪的bug. 我的代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>chrome下float bug</title> <style> .clearfix{*zoom:1;} .clearfix:after{content:&qu…

IE下设置unselectable与onselectstart属性的bug，Firefox与Chrome下的解决方案

在IE下给DIV设置unselectable与onselectstart属性,可以让div的内容不能选中,这个功能在很多情况下,非常有用,但是他的bug太明显, 直接使用一个DIV是可以的,比如: <div unselectable="on" onselectstart="return false;">不能选中的内容</div> 但是假如在这个DIV前面在出现一个普通的DIV,那就有问题了,比如: <div>普通DIV<di…

input 的 placeholder属性在IE8下的兼容处理

placeholder是input标签的新属性,在使用的时候有两个问题: 1.IE8 下不兼容 处理思路: 如果浏览器不识别placeholder属性,给input添加类名placeholder,模仿placeholder属性的样式,并给input 的value赋值placeholder属性的值 2. input的type属性是password的情况,用上面的方法处理提示语为密码文 处理思路: 新添加一个标签,模仿placeholder属性 直接上代码: css部分: .input-item {…

chrome下input文本框自动填充背景问题解决

chrome下input文本框会自动填充背景,只需要给文本框加一个样式即可解决问题 input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}…

input chrome下输入之后背景变为黄色的解决办法

之所以Input输入之后背景原因色变为可恶的黄色,是因为在chrome 下input加上了input:-webkit-autofill这个属性,里面写的就是这个问题出现的原因 代码就是:input:-wenkit-autofill:{background-color:黄色的;etc},解决办法有两个: 第一个解决办法就是:将你的input输入框中加入autocomplete="off',这个值默认为on 当把它关掉,你就可以安心的写代码了. 解决办法二: 给你的input设置内置阴影,-webk…

解决html5新标签【placeholder】低版本浏览器下不兼容问题

placeholder属性是HTML5 中为input添加的.在input上提供一个占位符,文字形式展示输入字段预期值的提示信息(hint),该字段会在输入为空时显示. 实例:1 <input type="text" name="userName" placeholder="请输入用户名"> placeholder操作起来非常方便,提高了开发效率,同时在高版本浏览器中用户体验也很好,所以本人很喜欢用这个属性. 然而,在IE9以下版本浏…

input光标大小

最近在做项目忘记密码页面时,input光标大小需要统一.同时也需要兼容ie8浏览器. 总结如下: IE:不管该行有没有文字,光标高度与font-size一致. FF:该行有文字时,光标高度与font-size一致.该行无文字时,光标高度与input的height一致. Chrome:该行无文字时,光标高度与line-height一致:该行有文字时,光标高度从input顶部到文字底部(这两种情况都是在有设定line-height的时候),如果没有line-height,则是与font-size一致…