如何通过CSS更改Iconmoon字体的符号（字符）？

Question

很抱歉，我找不到这个问题的解决方案，如果这太愚蠢了，请原谅。例如，我有一个带有搜索符号（iconmoon字体）的按钮，并且我需要通过“hover”将搜索符号更改为另一个符号。

HTML: <button class="share search-btn"><span class="icon-icn_search"></span></button> CSS:

@font-face {
    font-family: 'icomoon';
    src:    url('../fonts/icomoon.eot');
    src:    url('fonts/icomoon.eot') format('embedded-opentype'),
        url('fonts/icomoon.ttf?m23m4l') format('truetype'),
        url('fonts/icomoon.woff?m23m4l') format('woff'),
        url('fonts/icomoon.svg?m23m4l#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

.mls {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: #ffffff;
    font-size: 28px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-icn_search:before {
   content: "\e934";
}
.icon-icn_question_small_hover:before {
   content: "\e932";
}
.search-btn {
   background-color: #6670a7;
   padding: 15px 10px 15px 10px;
}
.search-btn:hover{
   background-color: #434f93;
}
.search-btn:hover:before{
   content: "/e932";
}

谢谢！

- Ksuy

---

“/e932” 而不是 “\e932”，这是一个打字错误吗？ - gp.

是的，你是对的。谢谢！ - Ksuy

Answer 1

.search-btn .icon-icn_search:before {
   content: "\e934";
}

.search-btn:hover .icon-icn_search:before {
   content: "...";
}

- Emad Armoun

Answer 2

也许这个可以解决你的问题：

删除这个：

.search-btn:hover:before{
  content: "\e932";
}

添加这个：

.search-btn:hover .icon-icn_search:before{
   content: "\e932";
}

- Peyman Mohamadpour

---

谢谢！它对我有用）还有我的错误在这里“/e932”，而不是“\e932”。 - Ksuy