📜  Materialize-按钮

📅  最后修改于: 2020-10-22 08:25:29             🧑  作者: Mango


 

Materialize提供了不同的CSS类,以对按钮应用各种预定义的视觉和行为增强。下表列出了可用的类及其效果。

Sr.No. Class Name & Description
1 btn

Sets button or anchor as a Materialize button, required. Sets raised display effect to a button.

2 btn-floating

Creates a circular button.

3 btn-flat

Sets flat display effect to a button, default.

4 btn-large

Creates large buttons.

5 disabled

Creates a disabled button.

6 type = “submit”

Represents an anchor or button as a primary button.

7 waves-effect

Sets ripple click effect, can be used in combination with any other classes.

下面的示例演示了使用mdl-button类来显示不同类型的按钮。

materialize_buttons.htm

The Materialize Buttons Example
            
      
      
                 
       
   
   
    
      
Raised Buttons
Flat Buttons
Floating Buttons
add add
Primary Buttons
Large Buttons
add add

结果

验证结果。