在滑塊中的文本變得粗體和厚度，即

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