angular 2内联样式borderColor不工作
angular 2内联样式borderColor不工作
提问于 2016-12-12 01:07:39
我正在尝试更改边框颜色，但这不起作用。
下面是我的代码：
<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 + ')'}"但没有效果。
回答 4
Stack Overflow用户
发布于 2019-03-09 21:49:37
尝试这个简单的边界解决方案：
[ngStyle]="{'border': '2px solid' + item.borderColor}"这对我很有效。
Stack Overflow用户
发布于 2019-05-16 15:09:41
你可以使用这个
[style.border]="'2px solid ' + item.borderColor"希望，这会对你有帮助。
Stack Overflow用户
发布于 2018-02-23 23:19:56
下面是一些让边框颜色动态改变->的解决方案，在ts文件中这样写道：
get myStyles(): any {
let color = 'red';
return {
'border':'1px',
'border-style': 'solid',
'border-color':this.dtService.border_color
};
}然后在你的html文件中-> ngStyle="myStyles“
这将使您的边框颜色动态变化。我希望这能在某些方面对你有所帮助。谢谢
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/41088758
复制相关文章
相似问题
腾讯云开发者
