マイクロ手紙アプレットのボタンボタンすべてのデフォルトスタイル

  1. アプレットのデフォルトのスタイル
     
     
    //デフォルトのスタイル
    ボタン{
    位置:相対;
    表示ブロック;
    margin-left:自動;
    マージン右:自動;
    パディング左:14px;
    パディング右:14px;
    ボックスサイズ:ボーダーボックス;
    フォントサイズ:18px;
    テキスト整列:センター;
    テキスト装飾:なし;
    行の高さ:1。
    国境半径:5pxの ;
    -webkit-タップハイライトカラー:透明;
    オーバーフロー:隠されました;
    色:#000000;
    背景色:#FFF; }
    境界線のスタイル// ボタン:: {後 ボーダー:0; }
    無効の場合//スタイル ボタン[無効] { 背景色:#FFF; 色:#666;  } 
    場合//クリックスタイル .button-ホバー{ カラー:RGBA(0、0、0、0.6); 地色:#FFF; }
     
    2.リセットスタイル
    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-ホバー{
    背景色:RGBA(0、0、0、0);
    }

     

 

おすすめ

転載: www.cnblogs.com/moneyss/p/11987366.html
おすすめ