反應警報顯示大寫

Question

enter image description here我正在使用反應警報，但它顯示大寫的消息。 任何指針我怎麼能刪除所有大寫？ 示例：對於下面的代碼，該消息顯示爲「測試消息」而不是「測試消息」

代碼：--------

this.alertOptions = { 
    offset: 50, 
    position: 'top right', 
    theme: 'dark', 
    time: 5000, 
    transition: 'scale' 
}; 

msg.info（'測試消息'，{ time：0， type：'info'， theme：'light'， icon： }）;

Answer 1

這是因爲，css應用於此text-transform: uppercase。您需要用自定義CSS覆蓋它：

.react-alerts .alert .message { 
    -webkit-box-flex: 3; 
    -webkit-flex: 3; 
    -ms-flex: 3; 
    flex: 3; 
    /* text-transform: uppercase; */remove this 
    padding: 8px 10px; 
}