Css 按钮文本和按钮don'；IE7中的t显示

Link:[注意：我没有做小提琴，因为JSFIDLE似乎不再与IE7兼容]

因此，请使用兼容模式在IE7中打开此站点。右上角的“搜索”按钮的文本没有显示，英雄区域中的“阅读更多”按钮根本没有显示。我在这两个方面都看过CSS，只是不知道问题可能是什么——有IE7经验的人能挑出这个问题吗

相关CSS

右上角搜索按钮：

.block-search input[type="submit"] {
height: 26px;
width: auto;
padding: 0 6px;
color: white;
font-family: 'CantarellBold';
font-size: 12px;
font-weight: normal;
line-height: 0;
text-shadow: none;
text-transform: uppercase;
border-radius: 0;
border: none;
background: #71A655;
}

英雄区“阅读更多”按钮：

---

从两个按钮中删除css属性行高度：0，它们应显示在IE7中。

从两个按钮中删除css属性行高度：0，它们应显示在IE7中

.section-content a.button, .section-content input[type="reset"], .section-content input[type="submit"], .section-content input[type="button"] {
padding: 10px 12px;
color: white;
font-weight: normal;
line-height: 0;
text-shadow: none;
text-transform: uppercase;
background: #8cc65d;
background-image: -moz-linear-gradient(left top,#8cc65d 0%,#71a655 100%);
background-image: -webkit-gradient(linear,left top, right bottom,color-stop(0, #8cc65d),color-stop(1, #71a655));
background: -webkit-linear-gradient(left top, #8cc65d 0%, #71a655 100%);
background: -o-linear-gradient(left top, #8cc65d 0%, #71a655 100%);
background: -ms-linear-gradient(left top, #8cc65d 0%, #71a655 100%);
background: linear-gradient(left top, #8cc65d 0%, #71a655 100%);
border: none;
border-radius: 0;
}