自定义选择也显示默认选择

Question

我有一个自定义选择下拉菜单from here。

它有点作用。当我点击左边的箭头时，它按预期工作，但当我点击箭头以外的其他选择时，我会看到如下所示的默认选择下拉菜单。

这是我自己在做什么：

<div id="custom_selectBox" class="select_mate" data-mate-select="active" > 
    <select name="" onchange="" onclick="return false;" id=""> 
     <option value="">Seleciona una Opcion </option> 
     <option value="1">Select option 1</option> 
     <option value="2" >Select option 2</option> 
     <option value="3">Select option 3</option> 
    </select> 

    <p class="selecionado_opcion" onclick="open_select(this)" ></p> 

    <span onclick="open_select(this)" class="icon_select_mate" > 
     <svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> 
      <path d="M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z"/> 
      <path d="M0-.75h24v24H0z" fill="none"/> 
     </svg> 
    </span> 
    <div class="cont_list_select_mate"> 
     <ul class="cont_select_int"> </ul> 
    </div> 
</div> 

我分别尝试了一个新的HTML文件。我把CSS和JS放在同一个HTML文件中。这是它的外观：

我已经正确既包括CSS和JS文件。我没有自己添加任何js代码。另外，默认选择并不实际选择任何选项。