删除在链接到网站的图像上悬停时出现的下划线。

Question

我有以下代码片段：

shinyUI(fluidPage(
  useShinyjs(),
  # some code
  shinyjs::hidden(div(
    navbarPage(title = div(
      a(href="https://en.wikipedia.org/wiki/Main_Page", target = "_blank", img(src="img_1.png", filetype="image/png", height="30px", width="90px", style="position: relative; margin: -15px 5px; display: right-align;")),
      a(href="https://fr.quora.com/", target = "_blank", img(src="img_2.png", filetype="image/png", height="30px", width="60px", style="position: relative; margin: -15px 15px; display: right-align;")),
      "Indicators"
      ),
      # some code
    )
  ))
))

当我在img_1.png上悬停时，img_1.png本身的右边会出现一个下划线。img_2.png也会发生同样的情况。如何删除显示在图像右侧的下划线？有没有一个通用的解决方案？我知道CSS中有类似于text-decoration: none;的东西，但是它是如何与闪亮的集成的？提前谢谢。

Answer 1

可以将锚标记的显示属性从默认的inline更改为inline-block。

a(href = "https://en.wikipedia.org/wiki/Main_Page", 
  style = "display:inline-block", 
  img(src="img_2.png"))