css - 滑块中的文本在 ie 中变得粗体和粗体

Question

我在我们的一个客户网站中使用 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;
}

滑块通过循环显示内容。

谢谢你。

Answer 1

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

background-color: white;

Answer 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;
}