react18-学习笔记45-添加button样式

最新推荐文章于 2023-05-11 14:30:03 发布

前端歌谣

最新推荐文章于 2023-05-11 14:30:03 发布

阅读量409

点赞数

文章标签：学习

本文链接：https://blog.csdn.net/qq_41632427/article/details/126611847

版权

前端-jira管理系统专栏收录该内容

101 篇文章 3 订阅

订阅专栏

.btn {
  position: relative;
  display: inline-block;
  font-weight: $btn-font-weight;
  line-height: $btn-line-height;
  color: $body-color;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  background-image: none;
  border: $btn-border-width solid transparent;
  @include button-size( $btn-padding-y,  $btn-padding-x,  $btn-font-size,  $border-radius);
  box-shadow: $btn-box-shadow;
  cursor: pointer;
  transition: $btn-transition;
  &.disabled,
  &[disabled] {
    cursor: not-allowed;
    opacity: $btn-disabled-opacity;
    box-shadow: none;
    > * {
      pointer-events: none;
    }
  }
}