html - Angular 2 内联样式 borderColor 不工作

Question

我正在尝试更改边框颜色，但它不起作用。

这是我的代码:

<div [style.backgroundColor]="item.color"   [style.borderColor]="item.borderColor">

在CSS中

display: inline-block;
  margin: 2px;
    border:2px solid ;//red;  
    height:25px;
    width:25px;
      border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;

backgroundColor 有效，但边框无效。我也在尝试:

[ngStyle]="{border: '2px solid(' + item.borderColor + ')'}"

但是没有效果。

Answer 1

试试这个简单的边框解决方案:

[ngStyle]="{'border': '2px solid' + item.borderColor}"

这对我有用。