Angular 角形设计关闭按钮,边框

Angular 角形设计关闭按钮,边框,angular,typescript,button,angular-material,angular-ui-router,Angular,Typescript,Button,Angular Material,Angular Ui Router,这是我的密码。我只想在X上显示一个关闭按钮。问题是,这个X按钮显示在那里,但当弹出窗口打开时,它有一个彩色的轮廓,如果我试图单击某个地方,它就会消失这个边框/轮廓到X按钮 <div class="row"> <h3 mat-dialog-title class="float-left" style="margin-left:10px;font-family: 'Dancing Script', cursive;"

这是我的密码。我只想在X上显示一个关闭按钮。问题是,这个X按钮显示在那里,但当弹出窗口打开时,它有一个彩色的轮廓,如果我试图单击某个地方,它就会消失这个边框/轮廓到X按钮

<div class="row">
    <h3 mat-dialog-title class="float-left" style="margin-left:10px;font-family: 'Dancing Script', cursive;">Congratulation</h3>
    <button type="button" class="close modal-header" style="margin-left: 330px !important;" mat-button mat-dialog-close>&times;</button>
</div>

祝贺
&时代;

我不知道如何解决这个问题。

添加大纲:无!重要的;在你的css中。你能发布一个小的工作示例吗?从当前的html中解密有点困难。它也不起作用:(×;这是我的代码,我试图隐藏X周围的方形线条。使用轮廓和边框它不起作用。