单击该如何从该div中删除红色边框？

Question

我在div中使用了真棒字体图标。单击后，我将颜色更改为蓝色。但是，我不希望单击时出现红色边框。如何删除它？

HTML

   <div class="row tile-container"> 
      <div class="tile-art search"  (click)="changeSearchClass();" 
       [ngClass]="clicksearch ? 'blue': 'search'" routerLink="/app-quotation">
            <i class="fas fa-search fa-lg"></i>
      </div>
   </div>

CSS

 .tile-container{
  box-shadow: 1px 2px;
  color: lightgrey;
 }

 .search{
   padding-top:10px;
 }

 .blue{
   color:blue;
 }

Answer 1

这可能有帮助

.tile-art:focus {
  outline: none !important;
}

Answer 2

在此类中使用CSS大纲0

function Q3(c,T)
    if c=="S" then
        c=0.0029 
    elseif c=="M" then
        c=0.0117 
    elseif c=="F" then
    c=0.0469 
    elseif c=="U" then
    c=0.1876   
    end
    t=linspace(0,2*T,1000);
    Q=c*(abs(t-T)-T).^2;
    plot(t,Q,'-')
    xtitle("The Peak Heat Release Rate = "+string(c*T^2)+"kW")
endfunction

Answer 3

changeSearchClass(){ this.clicked = !this.clicked; }

和您的html

  <div class="tile-art search"  (click)="changeSearchClass();" [style.border]="clicked ?  none :'red' "
       [ngClass]="clicksearch ? 'blue': 'search'" routerLink="/app-quotation">
            <i class="fas fa-search fa-lg"></i>
      </div>