element 下拉菜单el-dropdown如何更改样式？

<el-dropdown trigger="click" placement="bottom">
  <span class="el-dropdown-link">
    下拉菜单
  </span>
  <el-dropdown-menu slot="dropdown" class="header-new-drop">
    <el-dropdown-item>菜单1</el-dropdown-item>
    <el-dropdown-item>菜单2</el-dropdown-item>
  </el-dropdown-menu>
</el-dropdown>
//1.给el-dropdown-menu添加自定义类名header-new-drop
//2.css中编写如下代码（需要重新定义一个style，不要写scope，否则无效）
//注意header-new-drop类名会全局生效，所以一定注意不能重名，否则各个组件之间会相互影响
<style lang="scss">
.header-new-drop li {
  width: 200px;
    color: red;
}
</style>