jQuery的移动 - 使用图像作为链接 - 蓝线下图像 [英] Jquery Mobile - Using image as link - Blue line below image

问题描述

我试图在JQM中使用缩略图作为按钮。我知道JQM增加了一些格式和样式。

我有图像按钮，看起来和行为完全符合我的要求，除了一件事情 - 在我的手机上，蓝色下划线被添加到所有正在使用的图像链接。

一些信息：

- 我的手机是三星Galaxy SII Skyrocket - Android版本2.3.5

- 蓝色线条不会出现在Firefox，Google Chrome，IE或Safari的最新版本中。

- 功能看起来与预期完全一致。

以下是代码：

 <数据角色data-theme =nonedata-shadow =falsedata-shadow =falsedata-inline =truehref =/ path / to / link>< img src = path_to_imgalt =图片/>< / a> 
  

有谁知道为什么这个蓝线出现在缩略图/按钮的下方？

编辑：

下面是我所说的蓝线截图：

http://i41.tinypic.com/2rhtvz8.png

解决方案

想通了。这条规则删除了JQM添加的蓝线：

  .ui-li：last-child，.ui-li.ui- field-contain：last-child {
 border-bottom：none！important; 
} 
  

I'm attempting to use thumbnail images as buttons in JQM. I'm aware that JQM adds some formatting and styles.

I have the image buttons looking and behaving exactly as I want them except for one thing -- on my phone a blue underline is added to all images that are being used as links.

Some info:
-My phone is a Samsung Galaxy SII Skyrocket - Android version 2.3.5
-The blue line does not appear in the most recent versions of Firefox, Google Chrome, IE, or Safari.
-The functionality appears to work exactly as expected.

Here is the code:

<a data-role="button" data-theme="none" data-corners="false" data-shadow="false" data-inline="true" href="/path/to/link"><img src="path_to_img" alt="Picture" /></a>  

Does anyone know why this blue line is appearing below the thumbnail/buttons?

EDIT:
Here is a screenshot of the blue line that I'm talking about:
http://i41.tinypic.com/2rhtvz8.png

解决方案

Figured it out. This rule removes the blue line added by JQM:

.ui-li:last-child, .ui-li.ui-field-contain:last-child {
border-bottom: none !important;
}

这篇关于jQuery的移动 - 使用图像作为链接 - 蓝线下图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！