如何使用 jQuery Mobile 制作图标阴影按钮？

jQuery Mobile 是一种基于 Web 的技术，用于制作可在所有智能手机、平板电脑和台式机上访问的响应式内容。在本文中，我们将使用 jQuery Mobile 制作一个图标阴影按钮。

方法：

• 首先，添加项目所需的 jQuery Mobile 脚本。

href=”http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css” />

src=”http://code.jquery.com/jquery-1.11.1.min.js”>

src=”http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js”>

• 我们将使用不同类型的 ui 类和类型来组成标记按钮。

示例 1：在此示例中，我们将使用 Button 和 class=”ui-btn ui-icon-delete ui-btn-icon-left ui-shadow-icon” 来制作按钮。

HTML

  

    
  
    
    
  
    
    

  

    
        GeeksforGeeks
  
        
            Icon shadow buttons 
            using jQuery Mobile
        
    
  
    
        Icon shadow Button
    

  

输出：

示例 2：在此示例中，我们将使用 class=”ui-btn ui-icon-delete ui-btn-icon-left ui-shadow-icon” 的锚标记来达到我们的目的。

HTML

  

    
  
    
    
  
    
    

  

    
        GeeksforGeeks
  
        
            Icon shadow Anchor 
            using jQuery Mobile
        
    
  
    
        Icon shadow Anchor
    

  

输出：