css - 在 React.JS 中更改头像边框颜色

问题描述

我在 React.Js 中有一个简单的项目，在标题中我有头像，当我更改头像时border-color，没有任何变化。

标头.css：

.header__avatar {
  display: flex;
  align-items: center;
  margin-left: 20px;
  border-color: #ff000;
  border-width: 2px;
  overflow: "hidden";
}

.header__avatar > h3 {
  margin-right: 10px;
}

页眉.js：

<div class="header__avatar">
    <h3>name</h3>
    <HeaderOption  avatar={true} />
</div>

预期头像：

标签： cssreactjs

我认为这是因为您缺少border-style财产。尝试添加border-style: solid;.

您还可以同时应用所有三种样式，方法是使用border: 1px solid #ff0000

css - 在 React.JS 中更改头像边框颜色

问题描述

解决方案

推荐阅读