首页 > 其他 > 详细

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

时间:2021-08-25 18:14:12      阅读:13      评论:0      收藏:0      [点我收藏+]
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

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

原文:https://www.cnblogs.com/kangxinzhi/p/15184587.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!