如何使搜索框即使在鼠标移出后仍保持蓝色？

<input type="text" id="search-box" placeholder="搜索">

#search-box {
  border: 1px solid blue; /* 设置搜索框边框为蓝色 */
}

#search-box:focus {
  outline: none; /* 去除搜索框获取焦点时的默认边框样式 */
  box-shadow: 0 0 5px blue; /* 设置搜索框获取焦点时的阴影效果为蓝色 */
}

<style>
  #search-box {
    border: 1px solid blue;
  }

  #search-box:focus {
    outline: none;
    box-shadow: 0 0 5px blue;
  }
</style>

<input type="text" id="search-box" placeholder="搜索">