CKEditor：按钮的宽度

Question

我需要减小以下按钮的宽度（下拉列表）：

• “格式化样式”
• “段落格式”
• “字体名称”
• “字体大小”

我该怎么做？

Answer 1

您可以修改基础按钮元素的CSS。

如果您想要定位特定工具，只需使用firebug挖掘DOM并查看它们的特定类。

例如，要修改格式和字体下拉列表的宽度，请使用以下CSS：

.cke_skin_kama .cke_format .cke_text,
.cke_skin_kama .cke_font .cke_text {
    width: 72px;
}

Answer 2

在CKEditor 4中，您可以像这样调整.cke_combo_text：

span.cke_combo_text {
  width: 30px;
}

请注意，如果您将其设置为小于默认值（“格式样式”为60px），则当用户从下拉列表中选择一个选项时，所选选项将不再适合更新的下拉框。

在我的情况下，我希望清理UI，以使其在垂直方向上都整齐地排列在iPhone上的一行中，所以我这样做：

span.cke_combo_text {
  width: inherit;
}

对于我来说，这很棒，因为它缩小了下拉菜单，使其默认情况下适合一行，但是如果选择了一个选项，则会自动展开（占用新行），向用户显示他们选择的内容。 / p>