有没有办法在 IE11 中更改网络聊天字体大小

Question

我已经在直线频道上为所有浏览器创建了一个聊天机器人，包括 IE11。

我需要更改用户和机器人消息的字体大小。我找到了一种方法来为所有浏览器执行此操作，禁止 IE11（由于 ES5）。

我已经尝试找到方法来做到这一点；包括在 defaultStyleOptions.js

中寻找 styleOptions

https://github.com/microsoft/BotFramework-WebChat/blob/master/packages/component/src/Styles/defaultStyleOptions.js

没有可用的选项。

但是，在 WebChat 的 createSetStyle 方法中有一个选项允许更改字体大小。

const styleSet = window.WebChat.createStyleSet({});

styleSet.textContent = {
    fontSize: '24px'
};

window.WebChat.renderWebChat({
    directLine: window.WebChat.createDirectLine({token: conversationToken}),
    styleSet
}, document.getElementById("chatbot-display"));

尽管此选项不在 IE11 (ES5)

中工作

我希望能够找到一个允许我更改聊天消息文本字体大小的选项。即 fontSize: 12px.

Answer 1

我无法从 WebChat 中找到执行此操作的方法。

不过，我找到了解决方法。

.bubble {
font-size: 24px !important;
}