Question

我有一个按钮，我正在申请下面的样式/类。但是这个类在mozila浏览器中无法正常工作。它适用于IE。按钮的起点我有一个图标，它在左侧中间呈现，文字在旁边。 IE呈现在中间，但mozila呈现在顶部！[在此处输入图像描述] [1]按钮。请让我知道我在这里做错了什么。还可以找到问题的附加屏幕截图

.class
{         
        padding: 0px;
    margin: 0px;
    border-collapse: collapse;
    background:url(GB_Link.gif) no-repeat 0px -2px;
    display:inline-block;
    height:20px;
    line-height:13px;
    font-size: 11px;
    font-family: Tahoma, Arial, Verdana, Sans-Serif;
    text-decoration: none;
    text-align:left;
    text-indent:25px;
    text-color:black;
    vertical-align:middle;
    width:180px;
    cursor:hand;
    border: 1px solid #77A2B5;
}

Answer 1

这是一个普遍的问题。在布局顶部或您定义html标记的html页面中添加以下代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

我希望你的问题会很短暂。我觉得你很了解。

Answer 2

将行高设置为与按钮高度相同：

line-height: 20px;

按钮CSS问题

2 个答案: