滑块中的文本在 ie 中变得粗体和粗体答案

【问题标题】：the text in slider becomes bold and thick in ie滑块中的文本在 ie 中变得粗体和粗体
【发布时间】：2013-02-03 02:57:09
【问题描述】：

我在我们的一个客户网站中使用 wp-accordion 滑块。它在大多数浏览器中看起来都很棒，但是在 IE 中，滑块标题中的字体变得非常粗壮。这只发生在 IE 中。

以下是我使用的滑块中用于显示 tex 的 css 部分。

#accordion p.css-vertical-text {
border: 0 solid red;
bottom: 30px;
color: #333333;
display: block;
font-family: arial;
font-size: 18px;
height: 205px;
transform: rotate(-90deg);
white-space: nowrap;
width: 220px;
}

滑块通过循环显示内容。

谢谢。

【问题讨论】：

标签： css wordpress internet-explorer cross-browser slider

【解决方案1】：

您可以通过为元素赋予背景颜色来改善 IE 渲染，例如：

background-color: white;

【讨论】：

【解决方案2】：

只需在您的声明中添加一个字体粗细：

#accordion p.css-vertical-text {
    border: 0 solid red;
    bottom: 30px;
    color: #333333;
    display: block;
    font-family: arial;
    font-size: 18px;
    font-weight:400; /* add this */
    height: 205px;
    transform: rotate(-90deg);
    white-space: nowrap;
    width: 220px;
}

【讨论】：

已经存在，但 IE 没有拾取它。谢谢抱歉错过了几行实际代码如下。 p.css-垂直文本{颜色：#333;边框：0px 纯红色；空白：nowrap；显示：块；底部：30PX；宽度：220px；高度：205px；字体系列：Helvetica Neue Light；字体大小：18px；字体粗细：正常； // 文字阴影：0px 0px 1px #333;过滤器：翻转翻转； }
底部：30PX ???首都？？您是否会提供完整的 html + css 代码，否则我们将不得不猜测并浪费我们的时间“猜测”您在做什么以便尝试帮助您？
@akkarthe 看看我的回答。