删除为画布元素自动添加的滚动条

Question

我要删除在画布上自动添加的垂直滚动条。我在div元素中有画布，在画布的左侧有一个form元素。下面是代码段，

.canvas_holder {
        width: 100%;
        height: 100%;
        display: block;
        position: relative;
     }
    .canvas {
        flex-grow: 1;
        height: 100%;
        display: block;
        position: relative;
     }
     form {
        height: 100%;
        .fields {
            background-color: #fff;
            height: 100%;
            position: relative;
            top: 0px;
            left: 0px;
            overflow: auto;
        }
        .actions {
            display: flex;
            justify-content: flex-end;
            position: sticky;
            bottom: 0px;
         }
      }
   

<form>
        <div class=fields>
            <input>
        </div>
        <div class=actions>
            <button>Create</button>
        </div>
    </form>
    <div class="canvas">
        <div class="canvas_holder">
            <canvas width="1207" height="479" style="width:1207px, 
                height:479px";>
        </div>
     </div>

表单下也可以有多个输入元素。我不希望将垂直/水平滚动条添加到画布。有人可以帮我这个忙。谢谢。