elment日历组件修改td高度

今天用到了element的组件，想改td的高度，但是官网缺没有介绍，f12中调table的样式复制到vue中发现没用，弄了半天终于弄好了。
一开始的样子：

对应的代码：

vue中是支持多个style的，所以我们在最后新写个<style‘>绝对绝对不要加scoped。
然后找到离el-calendar最近的div,记下他的class，写如下代码（我的是test）

<style>
  /*.grid-content /deep/ .el-calendar-table .el-calendar-day*/

  .test /deep/  .el-calendar-table .el-calendar-day{
    height: 50px;
  }

</style>

这样就修改成功了

另一种修改方法
也是在最后新写一个style

<style>
  .el-calendar-table .el-calendar-day{
    height: 50px;
  }
</style>