有没有办法通过 CSS 或 bot 框架中的 C# 更改网络聊天中的字体大小？

Question

我希望使用 Microsoft botservices 的网络聊天的字体大小相同。不同元素的默认字体大小不一样，导致网络聊天看起来很奇怪。

带有 ES5 polyfills 的全功能包示例可以在这里找到： https://github.com/microsoft/BotFramework-WebChat/tree/master/samples/01.b.getting-started-es5-bundle

我尝试使用

更改 css 的字体大小

*  { 
    font-size: 13px;
   }

然而，在我部署了在服务器上托管聊天机器人的页面后，这并没有成立。

我只想要字体大小在我的所有卡片和 texblock 中保持一致。

Answer 1

您无需通过 styleOptions 更改字体大小。您只需通过 CSS 更改网络聊天元素及其所有子元素即可完成此操作，如下所示：

<style>
  html,
  body {
      height: 100%;
    }

    body {
      margin: 0;
    }

    #webchat {
      height: 100%;
      width: 100%;
    }

  #webchat>* {
    font-size: 22px;
  }
</style>

希望得到帮助！

Answer 2

原来我们的网页存在一些缓存问题。修复此问题后，所有目标元素都会相应地设置样式。我们结合使用了 styleOptions 和 CSS 以获得所需的聊天外观和感觉 window。

样式选项可在此处找到：
https://github.com/microsoft/BotFramework-WebChat/tree/master/samples/05.a.branding-webchat-styling

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

对于 CSS，可以在聊天 window 中找到特定的类，可在此处找到：
https://docs.microsoft.com/en-us/adaptive-cards/sdk/rendering-cards/net-html/native-styling

有没有办法通过 CSS 或 bot 框架中的 C# 更改网络聊天中的字体大小？

Is there a way to change the font size in webchat either through CSS or C# in the bot framework?

c#

botframework

azure-bot-service

web-chat