baseUI 中 styletron方法 伪类伪元素设置

import { styled } from "styletron-react";

export default () => {
  const Button = styled("button", {
    color: "white",
    backgroundColor: "white",
    "::before": {
      content: '"…"',
      color: "black",
      display: "block",
      position: "absolute"
    }
  });
  return <Button>xx</Button>;
};
import { styled } from 'baseui';

const AvatarBoxItem = styled('div', ()=>{
  return {
    textAlign:'center',
    color: '#333',
    ":hover": {
      color:'red'    
    }
  }
});

 

 

 

 

参考https://www.styletron.org/concepts#quotes

上一篇:React中styled-components的使用(样式组件库)


下一篇:在next.js中使用styled-component以及全局主题切换