jquery mobile 自定义按钮图标怎么没反应？求教 50
代码如下<!DOCTYPEHTML><htmllang="en-US"><head><metacharset="utf-8"><title></title><metana...
代码如下
<!DOCTYPE HTML><html lang="en-US"><head> <meta charset="utf-8"> <title></title> <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1" /> <link rel="stylesheet" href="./css/jquery.mobile-1.4.0.min.css" /> <script type="text/javascript" src="./js/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="./js/jquery.mobile-1.4.0.min.js"></script> <style type="text/css"> .ui-icon-mydiy{ background:url('./images/send.png') no-repeat; } </style> </head><body> <section data-role="page" data-theme="a" id="home"> <header data-role="header"> <h1>自定义按钮图标</h1> </header><!-- /header --> <aside data-role="content"> <a href="#" data-inline="true" data-role="button" data-icon="mydiy">自定义按钮</a> </aside> <footer data-role="footer"> <h4>尾部</h4> </footer><!-- /footer --> </section><!-- /page --></body></html>
显示结果如下：
求教！按钮图标就是不显示。 展开
<!DOCTYPE HTML><html lang="en-US"><head> <meta charset="utf-8"> <title></title> <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1" /> <link rel="stylesheet" href="./css/jquery.mobile-1.4.0.min.css" /> <script type="text/javascript" src="./js/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="./js/jquery.mobile-1.4.0.min.js"></script> <style type="text/css"> .ui-icon-mydiy{ background:url('./images/send.png') no-repeat; } </style> </head><body> <section data-role="page" data-theme="a" id="home"> <header data-role="header"> <h1>自定义按钮图标</h1> </header><!-- /header --> <aside data-role="content"> <a href="#" data-inline="true" data-role="button" data-icon="mydiy">自定义按钮</a> </aside> <footer data-role="footer"> <h4>尾部</h4> </footer><!-- /footer --> </section><!-- /page --></body></html>
显示结果如下：
求教！按钮图标就是不显示。 展开
展开全部
请按如下格式定义css,并确认图片可用:
.ui-page-theme-a .ui-icon-mydiy
{
background:url('./images/send.png') no-repeat;
}
追问
现在可以显示了，但是鼠标移上 图标又没了？怎么回事。。
追答
.ui-page-theme-a .ui-icon-mydiy:hover
{
/*鼠标移上的样式*/
}
我感觉你需要的是这个
.ui-icon-mydiy:after
{
background: url(./images/send.png) no-repeat;
border-radius: 0;/*圆角*/
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
