前端小白篇之select和option样式修改

本文主要介绍select和option样式"太丑"的解决方案，本文主要是通过vue实现的DOM截点的操作，如非vue需用相关语法的方式获取对应的参数方法。

一、业务场景
1.1 顶栏或横向导航需要一个下拉框，虽然select样式可以改动，但是option是固定的宽度，导致select显示占位有违和。
1.2 解决方案是通过ul-li的形式替换，可以自适应UI的设计
二、案例展示

三、相关代码

<template>
	<div class="active-nav-wrapper">
	      <div class="nav">