Chakra UI:如何更改分隔线的颜色?

soh*_*aib 1 html reactjs chakra-ui

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

<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>
Run Code Online (Sandbox Code Playgroud)

小智 6

只需尝试在分隔线上添加 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>
Run Code Online (Sandbox Code Playgroud)