jQuery Mobile 自定义主题button按钮

2017-09-26  本文已影响0人  moodi

自定义主题button按钮

         <!DOCTYPE html>
         <html>
         <head>
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">
         <script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
         <script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js">             </script>
         <style>
             .ui-btn-f{
               font-weight: bold;
               color: white;
               background-color: purple;
             }
        </style>
        </head>
        <body>

         <div data-role="page" id="pageone" data-theme="f">

                <div data-role="main" class="ui-content">
                       <a href="#" class="ui-btn ui-btn-f">按钮</a>
               </div>

         </div> 

        </body>
       </html>

推荐一个linux命令行网站:https://rootopen.com

上一篇 下一篇

猜你喜欢

热点阅读