input 输入加了 背景图片之后,防止 默认式样 发生变化的方法
2016-01-14 18:18
369 查看
在chrome里,对一个input输入框加了背景色之后,发现 输入框 的式样变得巨丑无比。
那有么没有办法防止呢?
有,但与其说防止,不如说如何在发变了变化之后,恢复默认的式样。
方法就是:
按F12打开chrome的控制台,点击一个没有加背景色的输入,将其式样(就是默认式样)获取下来,
然后把这些式样再赋值给那些你加了背景图版的输入框 。
如:
以上,background-color 以下的就 chrome默认的式样。
那有么没有办法防止呢?
有,但与其说防止,不如说如何在发变了变化之后,恢复默认的式样。
方法就是:
按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默认的式样。
相关文章推荐
- Mac 上Cordova环境搭建、Cordova项目创建
- gdb调试无法查看变量值(gdb No symbol "var" in current co
- CSS学习笔记 创建链接框
- OpenGL在IOS中的应用
- 进程间通信
- 牛人写的设计游戏服务器
- Git切换分支出现提示'SSL端口:44301'及解决方案
- 序列化之Parcelable
- ubuntu下安装phpredis的模块扩展
- 热修改mysql数据库pt-online-schema-change 的使用详解
- 编写jsp页面时,时常遇到的rs.next()问题的解决方法
- 通过jquery执行ajax取出后台数据
- 基于APK的Robotium登录人人网与发状态
- C语言中指针与java
- JMX
- 居中方法
- httpd2.4的新特性、以及基本应用
- java 处理json字符串中null值
- 选择某个属性值最大的那条记录(不仅仅包含指定属性,而是想要什么属性都可以)
- swift排序算法和数据结构