input输入框在ie edge下无法点击 line-height不设置单位

一直都是在谷歌下开发页面，到服务器上也没发现问题，昨天去客户搭建内网环境后，发现客户那边浏览器页面上的input输入框出现不能点击的问题。

回来后立马查找bug，我在edge浏览器下重新访问我的页面发现确实不能点击，而换成谷歌后又一切正常，然后就开始一系列解决bug操作（百度），找了几个小时后网上也没有相关有效资料，最后又转到页面上打开控制台，找到输入框位置，就随意点一点输入框相关的css样式，然后就发现了惊天大秘密，如下图所示。

MD，line-height值没有加px，加上之后立马乖乖听话，一切都正常了。就这个问题搞了一天，真操蛋。

具体原因可能就是：谷歌等浏览器可以默认单位就是px，所以正常显示；而edge等浏览器就不会默认帮你加上导致出现异常。经查阅网上资料后了解到如果不加单位，就是当前元素字体大小的对应倍数。eg：line-height：2；font-size: 15px，那么意思就是line-height：30px，所以这样设置后输入框出现问题点击不了以及点击错乱的情况就能解释的通了。

特此记录，分享给大家，以此为鉴。