Css 如何更改；删除格式设置"；TinyMCE 4的按钮面

用于删除格式的TinyMCE 4按钮是，这对我来说肯定不是直观的。我想让按钮的正面更明显一些，比如，给它指定一个图像。但我找不到任何地方可以改变按钮的外观。指定给按钮的标记是

我不确定按钮上的Tx符号是怎么来的，但它就在那里

---

感谢您的帮助。

这些图标来自tinymce字体。对于我来说，在tinymce源代码中，我的字体位于

tinymce/skins/lightgray/font/tinymce.woff | ttf |等

如果您使用自己的图标添加了自己的字体文件，则应允许您更改图标

如果您检查css，您会注意到有两个部分控制正在使用的图标

在标签内部的：：上

.mce-i-italic:before {
    content: "\e02b";
}

在我的标签上

.mce-ico {
     font-family: tinymce, Arial
}

两者都来自skin.min.css中的skin.min.css更改

.mce-i-removeformat:before {
   content: "\e01d"; 
}

差不多

.mce-i-removeformat:before {
    background-image: url("http://i.stack.imgur.com/0rzf2.png");
    background-size: 15px 15px;
    background-repeat: no-repeat;
}

如果图像大小合适，您可能可以删除

背景大小

和

背景重复

---

如果您不想直接编辑css，您可以创建一个新的css文件，并在默认css文件之后加载它以覆盖设置。如果这样做，您将不得不覆盖内容以删除原始图标

您怎么说，而不是使用新图像：在伪元素之后，删除：在伪元素之前

这就是它的样子

代码呢

<button><i></i></button>

i:before { display: none; }
i:after {
    content: 'FMT';
    text-decoration: line-through;
    font-style: initial;
    font-size: 15px;
}

button { 
background: linear-gradient(#FFF,#E0E0E0);
padding: 0.7em;
border: 1px solid #DEDEDE;
border-radius: 3px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.22);

i:在{display:none；}之前
i:之后{
内容：“FMT”；
文字装饰：线条贯通；
字体风格：首字母；
字体大小：15px；
}
按钮{
背景：线性梯度（#FFF，#e0）；
填充：0.7em；
边框：1px实心#DEDEDE；
边界半径：3px；
盒影：0px 1px 3px rgba（0,0,0,0.22）；

---

}

嘿，史蒂夫，我的回答对你有足够的帮助吗？或者我能进一步澄清什么吗？嗨，巴达维亚。抱歉耽搁了。你能解释一下我是如何创建和添加自己的字体文件的吗？这个文件有一个字符图标，比如FMT，上面有一条线？谢谢汉克斯·格雷佐。是的，我喜欢使用图像的想法，因为这样我就可以做一些事情，而不仅仅是用一条线穿过它，比如在它上面有一个“X:的FMT。我给了你分数。感谢大家的回答。他们都是很棒的主意。我喜欢你的解决方案使用字体而不是图像。它比图像的缩放效果更好。