如何修改vant組件中原有樣式？

<template>
    <div class="menu">
      <van-dropdown-menu>
        <van-dropdown-item v-model="value1" :options="option1" />
      </van-dropdown-menu>
    </div>
</template>

<script>
    export default {
        name: "index",
        data(){
          return{
            Selected: '',
            value1: 0,
            option1: [
              { text: '全部商品', value: 0 },
              { text: '新款商品', value: 1 },
              { text: '活動商品', value: 2 },
            ]
          }
        }
    }
</script>

<style lang="less">
  
</style>

（1）使用谷歌瀏覽器打開組件繪制的頁面；

（2）F12，打開控制台；

（3）鼠標點擊紅框所在位置的按鈕，並選取待修改組件部分，獲得如下圖所示情況，可從下圖中看到待修改組件的style，查看樣式，根據組件中樣式的類名。

（4）在組件所在vue文件的style中或新增less文件，對樣式進行修改； 、

（5）例如修改所選vant組件的字體顏色和字體大小，修改方式如下：

<style lang="less">
  .menu /deep/ .van-dropdown-menu__title {
    color: #2196f3;
    font-size: 20px;
  }
</style>

（6）結果如下圖：