<i :style='{ "color":"#fff", "margin":"0 3px", "fontSize":"14px"}' class="fas fa-heart-broken"></i>想让这个图标边框是黑的,里边是白的
时间: 2024-06-02 10:04:51 浏览: 92
vue基础之v-bind属性、class和style用法分析
可以使用CSS的border和background属性来设置这个图标的样式。具体实现代码如下:
```
<i style="color: black; margin: 0 3px; font-size: 14px; border: 2px solid black; border-radius: 50%; background-color: white;" class="fas fa-heart-broken"></i>
```
上述代码中,我们给这个图标设置了黑色的边框,半径为50%的圆角,白色的背景色,以及黑色的文字颜色。您可以根据需要调整代码中的参数来达到您期望的效果。
阅读全文