• 首页>
  • 软件教程>
  • input按钮在IE下显现不一致的兼容是什么问题？解决技巧分享

input按钮在IE下显现不一致的兼容是什么问题？解决技巧分享

2024-06-24 10:34:22阅读量：39 字体：大 中 小

这段时间在处理网页默认的input 按钮时，IE下常显现不一致的宽度问题，让人感到很纠结。所以今天请教了几位高手把这个问题解决了，现在贴出来和大家共享一下，当然这个方法在网上曾有人写过，大家可以一起来相互探讨一下。

Html Code:

input按钮在IE下显现不一致的兼容是什么问题？解决技巧分享

我先在这里贴出一段初始的CSS样式

CSS Code:

我看先来看看效果图吧：

从上图中我们明显可以看出，只有在Firefox下显示才是正常，在IE7和IE下没有圆角效果，这个都是众所周知，但IE7具有一个致命的问题，就是宽度变长了，大家一定会感到奇怪，我们没有定宽度的呀，怎么会这样呢?呆会我们会引用别人的说法了说明这个问题;另外就是Safari和Chrome下高度怎么也不行的呀。

就是因为这样的问题，我纠结了一个下午，但在高人的指点下，还是找到了相关的解决办法，现在我们一起来看看高人是如何解决这样的兼容问题。在IE7下会随着文字的增加导致文本距离按钮左右两侧的间距越来越大，这样就导致了上图中所看到的效果，但该问题存在于IE6/IE7，FF、IE8以及Opera 10没发现类似问题。对于另一情况，小生至今还没有弄明白为什么在Safari和Chrome下会出现高度问题，还希望各位前辈和高手指点。

针对前面的Bug，我对我的CSS稍加做了修改，如下：

也就是我在以前的基础上增加了以下几行代码

这样我们就把那个头痛的问题解决了，大家可以一起看看修改后的效果：

这里提醒大家，对于字居中的问题，不仅受行高影响，而且还受其字体，字号的影响，大家感兴趣的可以尝试一下。



免责声明：

本文《input按钮在IE下显现不一致的兼容是什么问题？解决技巧分享》版权归原作者所有,内容不代表本站立场！

如本文内容影响到您的合法权益（含文章中内容、图片等），请及时联系本站，我们会及时删除处理。

推荐阅读

  • 支付宝悄悄话怎么知道对方看没看

    支付宝悄悄话怎么知道对方看没看

    支付宝的悄悄话是阅后即焚的消息，如果发送悄悄话过去，悄悄话消失了就证明对方已看。具体操作方法如下： 支付宝悄悄话怎么知道对方看没看 1、打开手机支付宝app，点击消息”，再点击右上角人像。...

    阅读: 1664

  • 健康码代领怎么弄

    健康码代领怎么弄

    在家里的老人孩子都不会操作手机的时候，可以代领健康码，在微信的防疫健康码中即可进行代领。具体操作方法如下： 健康码代领怎么弄 1、打开手机微信app，点击我”。 2、点击服务&rdquo...

    阅读: 869

  • 倒数日怎么删除不用的事件

    倒数日怎么删除不用的事件

    倒数日是一款倒计时软件，添加的事件可以进行删除，进入事件编辑即可删除。具体操作方法如下： 倒数日怎么删除不用的事件 1、打开手机倒数日app，点击需要删除的事件，进入事件页面。 2、点击右上角笔的标...

    阅读: 829

  • 怎么关闭零钱通

    怎么关闭零钱通

    零钱通是微信中的一个理财产品，如果需要关闭，在零钱通的设置中直接关闭即可。具体操作方法如下： 怎么关闭零钱通 1、打开手机微信app，点击我”。 2、点击服务”。 3、点击...

    阅读: 856

  • qq听歌状态怎么显示听的歌

    qq听歌状态怎么显示听的歌

    qq听歌状态可以显示正在QQ音乐听的歌，设置听歌状态后进入QQ音乐听歌即可。具体操作方法如下： qq听歌状态怎么显示听的歌 1、打开手机QQ软件，点击头像上的状态，进入状态设置。 2、找到并点击听歌...

    阅读: 933

  • qq相册怎么转移到另一个qq

    qq相册怎么转移到另一个qq

    qq相册要转移到另一个qq，可以借助转载功能进行转移，使用QQ进入另一个QQ的相册即可进行转载。具体操作方法如下： qq相册怎么转移到另一个qq 1、打开手机QQ软件，点击联系人”，再点击...

    阅读: 876

热门文章

最近更新