[Vuejs]-How to remove border bottom width in ant design modal header

by

0👍

You can use wrapClassName prop to give class to this specific modal container, and once you give class name to container you can target it but scoped style won’t work here because classes are assigned in your current component

so something like this should work.

<template>
  <a-modal width="1000px" wrap-class-name="my-special-modal" title="demo">
    Hi, Modal
  </a-modal>
</template>

<script>
:

</script>

<style lang="less">
.my-special-modal {
  .ant-modal-header {
    border-bottom-width: 0;
  }
}
</style>

0👍

This should work:

.ant-modal-header {
  border-top: 0 none;
}

Leave a comment