html - 在 FireFox 中对齐链接和提交按钮

标签 html css

<分区>

我需要同时创建链接和提交按钮 - 它们应该具有相同的外观并且应该正确对齐。

HTML:

<input class="foo" type="submit" value="I'm submit">
<br />
<a class="foo" href="">I'm link</a>

CSS:

.foo {
border: 0px;
margin: 0px;
padding: 0px;
font-family: Verdana;
font-size: 12px;
font-weight: bold;
background: none;
color: blue;
text-decoration: none;
cursor: pointer;
}

Jsfiddle:http://jsfiddle.net/BB6tN/1/

它们在 Chrome 中看起来很棒,但在 Firefox 中它们有几个像素未对齐(尚未在其他浏览器上测试过)。有什么建议,如何解决或达到类似的结果?这是一个解决方案:http://jsfiddle.net/hf66g/但我想让事情保持简单和标准。

最佳答案

试试这个:

input::-moz-focus-inner { border:0; padding:0 }

fiddle :http://jsfiddle.net/BB6tN/2/

关于html - 在 FireFox 中对齐链接和提交按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19183843/

上一篇:javascript - 在 Wordpress 页面中切换 DIV

下一篇:JavaScript 在 JSFiddle 中运行,但不能独立运行

相关文章:

jquery - 将背景与视差滚动相结合

html - 如何设置svg的宽度和高度?

html - 内容类型与 HTML 编码

html - flex 容器宽度适合内容宽度

javascript - 如何使用 jquery + js 填充百分比

css - CSS 或 SVG 中的波浪

html - 如何在css中包装文本

html - 如何使整个 DIV 成为链接

HTML - 如何在使用 float left 时将 img 和文本居中放置在 div 中?

javascript - HTML 表格 - 为数千个单元格设置样式