javascript - 奇怪的HTML错误

我有一个链接列表，这些链接显示了一些非常奇怪的行为。代码是：

<ul id="home" class="panel" title="title_here" selected="true">
   <li><a href="#search">Search for Name</a></li>
   <li><a href="#browse">Browse by Department</a></li>
</ul>

它是使用iUI框架的iPhone站点的一部分。我知道uiUI更好，但是我的老板更喜欢iUI框架的外观，因此我必须使用它。该框架通过使用'selected =“ true”'attr来工作，当链接将您带到另一个id时，使用js将'selected =“ true”'添加到您链接到的id中。

我的问题是：
当您跟踪链接，然后“返回”时，可单击部分更改为仅链接的背景图像，而不是整个“ li”。这是CSS：

body > ul > li > a {
display: block;
margin: -8px 0 -8px -10px;
padding: 8px 32px 8px 10px;
text-decoration: none;
color: inherit;
background: url(listArrow.png) no-repeat right center;
}

扩大实际图像尺寸（在PS，油漆等中）是否可以解决此问题？

最佳答案

如果可以，请尽可能避免出现负边距。他们会变得非常非常讨厌。

黑暗中的镜头：


您是否为a：link，a：visited，a：hover设置了任何样式？如果不是，则将它们添加到当前样式并再次检查


例：

body > ul > li > a,
body > ul > li > a:link,
body > ul > li > a:visited,
body > ul > li > a:hover,
body > ul > li > a:active {
  display: block;
  margin: -8px 0 -8px -10px;
  padding: 8px 32px 8px 10px;
  text-decoration: none;
  color: inherit;
  background: url(listArrow.png) no-repeat right center;
}

尝试将填充设置为LI，而不是将A设置为负余量；
尝试将背景设置为LI而不是A，因为设计允许这样做，并且摆脱了A的填充。


在我看来，这实际上是iPhone / iUI中的错误；显然，它一次可以正常工作，但下一次却不行，那里发生了一些有趣的事情。