反应警报显示大写

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

来源

2017-04-13 Priyanka

您只需要覆盖'text-transform'属性。写一行css'.react-alerts .alert .message {text-transform：initial; }' – Panther

@peter太棒了。谢谢 – Priyanka

也（1）我想通过自定义css应用背景颜色，但它只是采取中心的颜色不是关闭图标和图像..请参阅附加的编辑图像。（2）如果我想做一些测试加粗（抬头）我该怎么做，（3）正在改变图标是可能的？想要感叹号谢谢 – Priyanka

这是因为，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; 
}

来源

2017-04-13 05:13:46 Ved

反应警报显示大写

回答

相关问题