zoukankan      html  css  js  c++  java
  • 微信小程序 button 按钮所有默认的样式

    小程序默认样式

    // 默认样式
    button {
    position:relative;
    display:block;
    margin-left:auto;
    margin-right:auto;
    padding-left:14px;
    padding-right:14px;
    box-sizing:border-box;
    font-size:18px;
    text-align:center;
    text-decoration:none;
    line-height:1;
    border-radius:5px;
    -webkit-tap-highlight-color:transparent;
    overflow:hidden;
    color:#000000;
    background-color:#fff;}
    // 边框样式
    button::after{border: 0;}
    // 禁用时样式
    button[disabled] {background-color: #fff;color: #666; } 
    // 点击时样式
    .button-hover {color:rgba(0, 0, 0, 0.6);background-color:#fff;}
    

    重置样式

    button{
       margin:0;
       padding:0;
       background-color:rgba(0,0,0,0);
       line-height:inherit;
       border-radius:0;
       border:none;
       display:flex;
       justify-content:center;
       align-items:center;
    }
    button::after{
       border: none;
    }
    .button-hover {
    background-color:rgba(0, 0, 0, 0);
    }
    
  • 相关阅读:
    Vue-发布订阅机制(bus)实现非父子组件的传值
    01. jupyter环境安装
    人工智能
    Javascript
    JavaScript
    MongoDB
    MongoDB
    人工智能
    Flask
    Flask
  • 原文地址:https://www.cnblogs.com/moneyss/p/12060459.html
Copyright © 2011-2022 走看看