Chakra UI：如何更改分隔线的颜色？

Question

我试图改变分隔线的颜色，但它没有改变

<Stack color={'white'} >
           <HStack>
               <Text>Email</Text>
                 <Tag
                   size={'sm'}
                   borderRadius='full'
                   variant='solid'
                   colorScheme='green'>
                    
                   <TagLabel>verified</TagLabel>
                   </Tag>
                 </HStack>
                  <Divider color={'red'} />
           </Stack>

Answer 1

只需尝试在分隔线上添加 borderColor 即可。

<Stack color={'white'} >
           <HStack>
               <Text>Email</Text>
                 <Tag
                   size={'sm'}
                   borderRadius='full'
                   variant='solid'
                   colorScheme='green'>
                    
                   <TagLabel>verified</TagLabel>
                   </Tag>
                 </HStack>
                  <Divider borderColor={'red'} />
           </Stack>