IE7切断span标签上的边框

Question

我的CSS样式表中有以下类：

.errormsg {
  border:solid 1px Red;
  padding:5px 20px 5px 20px;
  margin:5px;
  color:Red;
  font-size:medium;
  font-weight:bold;
}

当我在IE7中查看时，当我在span标记上使用此类时，顶部和底部边框被切断。

我需要添加什么才能让它在IE7中运行？

Answer 1

当线高不够大时，我注意到类似的问题。尝试稍微增加它。

Answer 2

除非另行指定，否则

<pan>个元素将被视为内联元素。将display: block;添加到您的CSS并从那里开始。另一种方法是使用<div>来包装错误消息，因为默认情况下<div>被视为块元素。

Answer 3

在display: inline-block;上设置<div>将解决显示问题，宽度仍会适应文字大小： Demo

您还可以使用来自css3的gradient text-shadow box-shadow，{{1}}和an icon以及来自iconfinder的Demo对其进行修饰：{ {3}}