el-dialog的title字体颜色

el-dialog的title字体颜色可以通过修改样式来实现。你可以在el-dialog组件中使用slot="title"，然后在slot中添加一个div元素，通过设置其style属性来改变字体颜色。比如，可以设置font-size为18px，color为#38b48b，font-weight为bold来改变title的字体颜色。代码如下所示：

<el-dialog :visible.sync="dialogFormVisible">
  <template slot="title">
    <div style="font-size: 18px; color: #38b48b; font-weight: bold;">已分配人员（勾选后点击撤销可取消分配）</div>
  </template>
  ...
</el-dialog>

这样就可以将el-dialog的title字体颜色修改为指定的颜色了。

相关问题

el-dialog title字体大小穿透样式

`el-dialog` 是 Element UI 提供的一个用于弹出对话框的组件，在 Vue.js 中使用。如果你想要改变 `title` 标题的字体大小，正常情况下，它的样式会被封装在组件内部，外部直接操作可能会受限。不过，你可以通过以下几种方式来间接控制标题字体大小：

1. 使用 CSS 针对 `.el-dialog__title` 类别设置样式：在你的 CSS 文件或者样式块中，找到对应于 `el-dialog` 的样式，并增加 `font-size` 属性，例如：

   .el-dialog__title {
       font-size: 20px; /* 可以替换为你需要的字号 */
   }

2. 如果你有组件的引用，可以传递一个 prop（属性）给 `el-dialog`，在父组件中控制标题的样式：

   <el-dialog :title="dialogTitle" :style="{ fontSize: '20px' }"></el-dialog>

然后在父组件中修改 `dialogTitle` 或者字体大小。

3. 如果你需要动态调整，可以使用 v-bind 或者计算属性来绑定值：

   <el-dialog :title="dynamicFontSize() + 'px'"></el-dialog>

在你的 Vue 实例里定义 `dynamicFontSize()` 函数返回相应的尺寸。

el-dialog title标题居中

可以通过自定义样式来实现el-dialog的title标题居中显示。可以在el-dialog的样式中添加如下代码：

.el-dialog .el-dialog__header {
  text-align: center;
}

这样就可以将el-dialog的标题居中显示了。同时，如果需要修改标题的样式，可以在el-dialog的title属性中添加自定义的class，然后通过样式来修改标题的样式。例如：

<el-dialog title="这是一个标题" :visible.sync="dialogVisible" :close-on-click-modal="false" :close-on-press-escape="false" custom-class="my-dialog">
  <!-- 对话框内容 -->
</el-dialog>

.my-dialog .el-dialog__title {
  font-size: 20px;
  color: red;
}

这样就可以将标题的字体大小改为20px，颜色改为红色。