我认为除了 select{font-family :yourFont;} 你必须在 CSS 中嵌入字体

SELECT样式框的选项非常有限，但是font-family应该可以：

select { font-family: serif; }

您可以使用类似于bootstrap-select 的东西。如果你有类似的东西：

<select class='selectPicker'>
  <option>1</option>
  <option>2</option>
</select>

并应用您用来美化的任何插件，这会发生在您的元素上：

<select class="selectpicker" style="display: none;">
      <option>Mustard</option>
      <option>Ketchup</option>
      <option>Relish</option>
  </select>
<div class="btn-group bootstrap-select open">
   <button data-toggle="dropdown" class="btn dropdown-toggle clearfix">
     <span class="filter-option pull-left">1</span>&nbsp;<span class="caret"></span>   
   </button>
   <div role="menu" class="dropdown-menu">
      <ul style="max-height: none; overflow-y: auto;">
           <li rel="0"><a href="#" tabindex="-1">1</a></li>
           <li rel="1"><a href="#" tabindex="-1">2</a></li>
      </ul>
    </div>
</div>

因此，您的 css 必须针对<ul>实际显示您的内容的内容。 .dropdown-menu{ font-family: serif; }