最近项目中,须要写一个搜索框样式(样式很简单)以下:css

当写完代码,进行浏览器兼容性测试的时候,发如今谷歌浏览器下文本框和按钮没有对齐,文本框偏下一点,其余浏览器正常;样式以下:html

缘由:文本框高度少2像素,由于type=”text”的高度不包括border,而type=”button”包括。(别人是这么说的)浏览器

解决办法:在input的css里增长  vertical-align:middle;post

HTML代码分享:测试

CSS关键代码url

.index_search{ border-radius:30px; width:195px; height:30px; border:1px solid #ccc; margin-top:40px; padding:0 0 0 12px; overflow:hidden;}

.index_search input{ border:0px; height:30px; width:153px; line-height:30px;vertical-align:middle}

.index_search #index_btn{ width:42px; background:url(../images/search_fdj.png) center center #ddd; }

不对齐 谷歌浏览器_谷歌浏览器input上下不对齐兼容解决办法相关推荐

  1. 魔兽世界服务器列表显示不兼容,魔兽世界显示游戏设备驱动不兼容怎么解决_魔兽世界显示游戏设备驱动不兼容解决办法_牛游戏网...

    <魔兽世界>显示游戏设备驱动不兼容怎么解决,在客户端更新晋级后登入游戏设备,其显现驱动不兼容,这是因为显卡驱动过期致使,若不挑选更新,亦可经过点击断定按钮越过该提示持续游戏,但每次登录都会 ...

  2. 谷歌浏览器无网络连接 打不开网页解决办法

    不知道用户在使用的时候有没有遇到无法连接网络的问题,今天小编就会与大家一起来分享一下,在使用谷歌浏览器时,如果出现无网络连接的问题时,要如何解决,首先用户可以检查一下自己的网络情况,如果这些都没有问题 ...

  3. 谷歌浏览器自带的翻译功能无法使用的解决办法

    谷歌浏览器自带的翻译功能无法使用的解决办法 到 C:\Windows\System32\drivers\etc 目录找到hosts文件 用记事本或者notepad++打开 在文件末尾添加:142.25 ...

  4. 苹果6系统怎么更新不了_苹果App Store登录不了怎么办_登录不了App Store的解决办法?...

    苹果App Store登录不了怎么办_登录不了App Store的解决办法? 1.注销Apple ID 设置-iTunes Store和App Store-点击"Apple ID" ...

  5. 乐视账号服务器关闭,乐视手机恢复出厂设置之后服务异常怎么办_无法登录乐视帐号解决办法_智能家...

    近期由于乐视账号服务器调整,出现了乐视手机重置后登录不了乐视账号,乐视手机恢复出厂设置之后服务异常是什么原因?小明同学为大家带来了无法登录乐视帐号解决办法... 乐视手机无法登录乐视帐号解决办法 乐视 ...

  6. 谷歌浏览器Software Reporter Tool长时间占用CPU解决办法

    什么是Software Reporter Tool Software Reporter Tool是一个Chrome清理工具,用于清理谷歌浏览器中不必要或恶意的扩展,应用程序,劫持开始页面等等.当你安装 ...

  7. 关于谷歌浏览器全线崩溃的原因及几种解决办法(疑难杂症篇)

    关于谷歌浏览器全线崩溃的原因及解决办法 写在前面 导致的可能原因 几种解决的方法 方法一 方法二 方法三 方法四 方法五 方法六 总结 写在前面 关于正在正常使用着的谷歌浏览器,突然有一回,再打开之后 ...

  8. java textvaluechanged 全选删除不触发_js动态改变input的值不触发input的change事件的解决办法...

    看了网上的资料也比较杂,自己也做一个整理共享一下解决方案 1.原生js的改变之后手动添加监听 1 2 3 var ttt = document.getElementById("ttt&quo ...

  9. no input file specified 三种解决办法

    1.IIS Noinput file specified 方法一:改PHP.ini中的doc_root行,打开ini文件注释掉此行,然后重启IIS 方法二: 请修改php.ini找到; cgi.for ...

最新文章

  1. 一线技术管理者究竟在管什么事?
  2. repr方法字符串输出实例对象的值
  3. 安装mlxtend_python机器学习包mlxtend的安装和配置详解
  4. 幼儿园计算机课程名称,幼儿园课程建设30:计算机与幼儿园课程的整合(3)
  5. 【软件工程】IS的三级管理
  6. Lucene和Solr原理初探
  7. 简单有限元分析技术(详细步骤讲解)
  8. PowerBuilder 2018
  9. 弘辽科技:不拼低价,95后小伙3个月从0冲上150万
  10. 使命召唤19发布时间曝光 确定将于10月28号发布
  11. 机器学习常用算法的优缺点总结
  12. onnx 模型推理示例-Python 实现 |【onnx 模型推理】
  13. ubuntu 的teamviewer一直显示“未就绪,请检查您的连接” 网络设置
  14. 【入门数据分析】英国某电商的销售分析
  15. Postman系列(二)-修改主题和字体大小
  16. i-house token(IHT)全球不动产区块链交易云平台获3000万美元投资
  17. mysql数据刷盘过程详解_MySQL延迟问题和数据刷盘策略流程分析
  18. MIDI文件格式解析
  19. Windows上有哪些好用的 ePub 阅读器?推荐三款,亲测好用
  20. 计算机更改用户后 无法联网,路由器修改密码后电脑无法上网如何解决

热门文章

  1. 算法时间复杂度分析——大O、大Ω、大θ、小o,小ω
  2. 用 husky 和 lint-staged 构建代码检查工作流
  3. SMAA算法详解 - SMAABlendingWeightCalculationVS
  4. fleck 客户端_关于C#使用Fleck 的websocket问题
  5. 全面概述将人工智能市场纳入其广泛的数据库
  6. 基于SSH+Html的外汇资产业务交易管理系统设计与实现
  7. iphonex 电话没声音 免提却有声音
  8. 联想电脑虚拟化开启方法
  9. Codeforces 300D Painting Square dp
  10. opencv安装过程出现opencv_world300d.dll加载失败