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

问题描述

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

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.

一些信息:
-我的手机是三星 Galaxy SII Skyrocket - Android 版本 2.3.5
- 最新版本的 Firefox、Google Chrome、IE 或 Safari 中未出现蓝线.
- 该功能似乎完全按预期工作.

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.

代码如下:

<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?

这是我正在谈论的蓝线的屏幕截图:
http://i41.tinypic.com/2rhtvz8.png

推荐答案

想通了.这条规则去掉了 JQM 添加的蓝线:

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 Mobile - 使用图片作为链接 - 图片下方的蓝线的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！