CSS: 그림자를 사용하여 Vuetify 대화 상자 내부 div에서 그림자 제거

Question

div에 CSS를 사용하여 삼각형이 추가된 대화 상자가 있습니다. 그러나 CSS의 비결은 테두리 부분이 투명하다는 것입니다. 내가 해결하려는 문제는 대화 상자 자체에서 그림자를 제거하지 않고 투명 테두리에서 그림자를 제거하는 것입니다. 이것을 div에 추가하면 작동하지 않습니다. box-shadow:none; 제거하려는 콘텐츠의 그림은 다음과 같습니다. 이 삼각형을 생성하는 div의 클래스는 다음과 같습니다. .arrow-up{width:0;height :0; 테두리 왼쪽:25pxsolidtransparent;