html - angular 2 内联样式 borderColor 不起作用

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

有我的代码:

<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 + ')'}"

但是没有效果。

最佳答案

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

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

这对我有用。