CKEditor：按钮的宽度

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

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

---

如何操作？

您可以修改底层按钮元素的CSS

如果您想针对特定的工具，只需使用firebug深入DOM，看看它们的特定类是什么

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

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

---

在CKEditor 4中，您可以调整

.cke\u combo\u text

，如下所示：

span.cke_combo_text {
  width: 30px;
}

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

在我的例子中，我希望清理UI，使其在垂直方向上整齐地放在iPhone上的一行中，因此我做了以下工作：

span.cke_combo_text {
  width: inherit;
}

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