如何更改按钮的边框颜色

Question

我一直在尝试更改按钮的边框颜色

我试着做borderColor，但毫无意义：

borderColor: '#FFFFFF'

预期结果

代码：

headerBtn: {
backgroundColor: 'black',
fontSize: '16px',
fontWeight: 'bold',
letterSpacing: '-0.16px',
borderRadius: '20px',
borderColor: '#FFFFFF',
color: '#ffffff',
padding: '6.5px 24px',
display: ['none', null, null, null, 'inline-block'],
ml: ['0', null, null, 'auto', '0'],
mr: ['0', null, null, '20px', '0'],
'&:hover': {
color: '#000000',
},
}

以上代码的结果

悬停时的结果

Answer 1

您可以使用

边框颜色：#ffffff；

请尝试以下代码。

.headerBtn {
background-color: black;
font-size: 16px;
font-weight: bold;
letter-spacing: -0.16px;
border-radius: 20px;
border-color: #FFFFFF;
color: #ffffff;
padding: 6.5px 24px;
display: inline-block;
margin-left: auto;
margin-right: 20px;
}
.headerBtn:hover {
color: #000000;
}