title: How to remove border bottom width in ant design modal header
body: <p>I'm building web app with Ant Design Vue.</p>
  
  <p>I would like to know how to remove <code>bottom-width</code> in the header of <code>&lt;a-modal&gt;</code>.</p>
  
  <p>This is the screenshot of what I would like to.</p>
  
  <p><a href="https://i.stack.imgur.com/bc9xe.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bc9xe.png" alt="enter image description here"></a></p>
  
  <p>This is my code.</p>
  
  <pre><code>&lt;template&gt;
    &lt;a-modal width="1000px" title="demo"&gt;
      Hi, Modal
    &lt;/a-modal&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  :
  
  &lt;/script&gt;
  
  &lt;style lang="less" scoped&gt;
  .ant-modal-header {
    border-bottom-width: 0;
  }
  &lt;/style&gt;
  </code></pre>
  
  <p>I know the class <code>ant-modal-header</code> defines <code>border-bottom-width</code> in Chrome Developer Tool.</p>
  
  <p>So I defined new <code>ant-modal-header</code> in <code>&lt;style lang="less" scoped&gt;</code> to overwrite design, but somehow, it doesn't work.</p>