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

以下是使动态更改边框颜色的一些解决方案 - ＆gt;在你的ts文件中写道：

jQuery(document).ready(function($){
enter code here
}

然后在你的html文件中 - ＆gt; ngStyle = “myStyles”

这将使您的边框颜色动态变化。我希望这会以某种方式帮助你。感谢

Answer 2

尝试使用这种简单的边框解决方案：

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

这对我有用。

Answer 3

您可以使用此

[style.border]="'2px solid ' + item.borderColor"

希望，对您有帮助。

角2内联样式borderColor无法正常工作

3 个答案: