C#学习教程：如何在使用MicrosoftBotFramework时使用CSS设置聊天窗口的样式开箱即用，机器人有自己的默认样式。我希望能够编辑聊天窗口的外观，可能使用CSS。我在这里发现了几个问题，但它们没有给出我正在寻找的完整答案。我做了一些研究，发现了关于这些网址的信息：https://github.com/Microsoft/BotFramework-WebChathttps://github.com/Microsoft/BotBuilder/issues/202上面的第一个链接这个解释在“样式”标题：“在/src/scss/文件夹中，您将找到生成/botchat.css的源文件。运行npmrunbuild-css后编译。对于基本品牌，更改colors.scss以匹配您的颜色对于高级样式，更改botchat.scss。”我不完全理解这些文件如何连接到我的项目。我也不知道如何实现上述技术。我找不到一组特定的步骤来更改聊天窗口的样式。希望有人能详细解释我如何使用上述技术（或他们已经知道的）来改变我的机器人的风格。如果有人知道设置MicrosoftBot聊天窗口样式的最简单方法，或者可以为我指明正确的方向，那就太好了！现在怎么样？我不完全理解这些文件是如何连接到我的项目的：假设您使用的是iframe实现，这意味着您使用的是您找到的源代码的编译版本。如果您查看iframe内容（对URL执行GET），它看起来像这样：MyBotIdhtml,body{height:100%;保证金：0；填充：0；溢出：隐藏；可以看到，它引用了一个由GitHub项目编译的css文件。如何添加自定义CSS？在你这边，你可以编辑这个css，编辑它，并使用与上面相同的实现，但用你的替换css链接。要自定义WebChat模块，请转到https://github.com/Microsoft/BotFramework-WebChat并创建存储库，然后您可以添加自己的CSS自定义项并部署自己的自定义主题聊天界面。您将在此处找到样式选项：https://github.com/Microsoft/BotFramework-WebChat/tree/master/src/scss自定义WebChat样式在/src/scss/文件夹中，您将找到用于生成/源文件的工具对于botchat.css。更改后，运行npmrunbuild-css进行编译。对于基本品牌，更改colors.scss以匹配您的配色方案。对于高级样式，更改botchat.scss。卡片大小/响应度WebChat尽可能使用响应式设计。作为其中的一部分，WebChat卡片有3种尺寸：窄型(216px)、正常(320px)和宽型(416px)。在全窗口聊天中，这些大小由/botchat-fullwindow.css样式表中的CSS媒体查询调用。您可以为您自己的应用程序中的媒体查询断点自定义此样式表。或者，如果您的WebChat实现不是全窗口体验，您可以通过将CSS类wc-narrow和wc-wide添加到包含聊天的HTML元素来手动调用卡片大小。字符串您可以在/src/Strings.ts中更改或添加本地化字符串：行为行为自定义将需要更改/srcTypeScript文件。WebChat体系结构的完整描述超出了本文档的范围，但这里有一些入门：构建以下内容：以上是C#学习教程：HowtouseCSStostylethechatwindowwhenusingMicrosoftBotFramework。请注意——本文摘自网络，不代表立场。如涉及侵权，请点击右侧联系管理员删除。如需转载请注明出处：
