按钮在Firefox上太高 [英] Buttons too tall on Firefox

问题描述

我有一个Firefox独有的问题。我正在尝试设置链接和按钮的样式来查看 。在除Firefox之外的每个浏览器上，这都可以根据需要工作。在Firefox上，按钮的内容高度为18像素，而链接的高度为15像素。在Chrome，Safari和Internet Explorer上，它们都是适当的15像素高。为什么是这样？

，

以前有人遇到过这个问题吗？

解决方案

找到另一个使用此工具的用户：

  input ::  -  moz-focus-inner / *删除FF中的按钮填充* / 
 {
 border：0; 
 padding：0; 
} 
  

http://jsfiddle.net/MCAllinder/dehda/2/

I've got a problem unique to Firefox. I'm trying to style links and buttons to look exactly the same. On every browser except Firefox, this works as desired. On Firefox, the height of the button's content is 18 pixels, compared to 15 pixels for the link. On Chrome, Safari, and Internet Explorer, they're both the proper 15 pixels tall. Why is this?

Here's a demo on jsFiddle of the problem. Here's the result I get on Chrome:

and here's the Firefox result:

I've tried changing the height manually in CSS, but that doesn't entirely work and breaks the layout on other browsers. Setting -moz-appearance: none does nothing, but then again, it usually doesn't.

Here's a full detail of my attempt, too, and what it's going to be used for.

Has anyone come across this problem before? How can I equalize the height across all browsers?

解决方案

Found another user who used this:

input::-moz-focus-inner /*Remove button padding in FF*/
{ 
    border: 0;
    padding: 0;
}

http://jsfiddle.net/MCAllinder/dehda/2/

这篇关于按钮在Firefox上太高的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！