在chrome里,对一个input输入框加了背景色之后,发现 输入框 的式样变得巨丑无比。
那有么没有办法防止呢?
有,但与其说防止,不如说如何在发变了变化之后,恢复默认的式样。
方法就是:
按F12打开chrome的控制台,点击一个没有加背景色的输入,将其式样(就是默认式样)获取下来,
然后把这些式样再赋值给那些你加了背景图版的输入框 。
如:
#loginId { width: 175px; padding-left: 25px; background: url('../images/login_user.png') no-repeat left center; background-size: 20px 100%; background-color: #FFFFFF; border-bottom: 1px inset rgb(238, 238, 238); border-left: 1px inset rgb(238, 238, 238); border-right: 1px inset rgb(238, 238, 238); border-top: 1px inset rgb(238, 238, 238); }
以上,background-color 以下的就 chrome默认的式样。
相关推荐
可以有效的阻止在hutml文档的input框中输入内容,纯手写,经检测可以顺利运行
ios输入框(input)背景色为白色无法去除
INPUT框中的背景图片.rar
js 特效 html 特效 INPUT框中的背景图片
在input里加背景图片,这样更容易让别人知道此input的功能
前端登录界面输入密码,input输入款点击小眼睛显示或隐藏密码。
javaScript Input输入限制集合,直接引用就可以使用,以后会慢慢继承再其中,感谢下载体验
input file上传图片预览
input只能输入数字英文字母汉字
INPUT输入限制
当input失去焦点时 会判断输入值与默认值是否一致 如果一致(或空)则再次显示默认提示信息 若不一致(已输入信息)则input值为所输入值 3 此插件是jquery插件 调用方式为 $ "#xxx" autoTip ; 并可以指定...
在写输入用到input的时候,经常出现以下几种情况: 只能输入某。栗子:只能输入数字,只能输入字母(大写,小写)只能输入某固定格式。栗子:只能输入金额,只能输入小数且最多保留2位不能输入某。栗子:不能输入...
为减少页面空间占用,将图片按钮放置在input输入框中,兼容火狐、谷歌和IE,图片自行替换
vue+element input输入值进行正则校验
jquery.samask-masker是一款input限制输入格式jQuery插件。该jquery插件可以在用户往输入框输入内容时,限制输入内容的格式,例如电话号码格式,日期格式,货币格式和ip地址格式等等。
解决Flex在非主应用程序中,textarea和input不能输入中文的 方法。
最全的常用限制input标签的方法 1.取消按钮按下时的虚线框,在input里添加属性值 hideFocus 或者 HideFocus=true 2.只读文本框内容,在input里添加属性值 readonly 3.防止退后清空的TEXT文档(可把style内容做做为类...
angular input 输入格式化
实现一个在编辑框input下根据输入内容显示匹配内容的下拉列表。 实现思路很简单: 将匹配的内容放在一个div中,input输入时把匹配内容的div显示在input下面。 在做的过程中遇到一个棘手的问题: input的onblur中隐藏...
用JS控制input的输入内容,如:只能输入英文、只能输入数字等等。