html - 如何防止 Internet Explorer 在按下时向按钮添加填充?

标签 html css internet-explorer padding

我使用 CSS 设计了我的提交按钮。在任何 Webkit 或 Gecko 浏览器中它都能完美运行,但 Internet Explorer 9 会在按下按钮时向按钮的文本添加填充。此外,您还可以看到这个愚蠢的虚线边框。它看起来像这样:

http://img6.imagebanana.com/img/tkp7l8m3/button.png

我在 CSS 中为 input:active 指定的特殊背景图像仅在 IE 中显示,如果在按钮边框和这个虚线边框之间的非常薄的区域中单击按钮。如果在中间单击按钮,它会保持悬停背景,尽管它被按下。

谁能帮我去掉这个额外的填充和虚线边框?

提前致谢

古斯

最佳答案

要摆脱虚线边框,您可以使用纯 CSS:

button { outline: none; }

至于点击时的填充,我担心这是无法更改的内部浏览器行为的一部分。

关于html - 如何防止 Internet Explorer 在按下时向按钮添加填充?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5847915/

相关文章:

javascript - 文档只能用 jQuery 加载

javascript - 如何使用 JavaScript 替换 html 元素?

javascript - 获取开启器窗口的窗口大小(IE)

java - 使用 xpath 轴在 Selenium 中遍历 DOM

javascript - 如何从预览中删除选定的图像?

html - 网站元素和字体在移动设备上太小

html - 媒体查询 block 显示 :none issue

html - css 垂直对齐 li 和 div 的边框

web-services - IE10中查询字符串参数的编码

php - 无法让 jQuery 的 .ajax 与 Internet Explorer 一起工作