将鼠标悬停在按钮上时CSS更改跨度的颜色

将鼠标悬停在按钮上时，如何在此html中选择跨度以使其中的文本变为白色？

<button type="button" class="multiselect dropdown-toggle none" data-toggle="dropdown" title="Auckland" style="width: 100%; overflow: hidden; text-overflow: ellipsis;">
    <span class="multiselect-selected-text" style="visibility: visible;">Auckland</span>
    <b class="caret"></b>
</button>

我已经尝试过了，但是没有用：

button.multiselect > span:hover {
  color: #fff;
}