我有一个按钮,我正在应用下面的样式/类。但是这个类在 mozila 浏览器中不能正常工作。它适用于 IE。按钮的起点我有一个图标,它呈现在左侧的中间,文字出现在旁边。 IE 呈现在中间,但 mozila 呈现在 ![enter image description here][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;
}
最佳答案
这是一个普遍的问题。 在布局顶部或在您已定义 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">
我希望你的问题会很快解决。 我想你已经理解的很好了。
关于css - 按钮 CSS 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9093969/