html -
list-style-image + 选择框，使选择框与顶部对齐

Question

当我尝试在中放置list-style-image一个select框时<li>，该select框在底部垂直对齐，但list-style-image在顶部垂直对齐。如何使select框也与顶部对齐？

看起来select盒子里有一个margin-top:5px我试图摆脱的东西，但即使我将它设置为 0，它仍然存在。

CSS：

  li { 
    list-style-image:url(image1.jpg); 
    vertical-align:text-top;
  }

  select { margin-top:0; }

HTML：

 <li>
  <select>
    <option>1</option>
  </select>
 </li>

score 2 · Accepted Answer

永远不要使用list-style-image. 相反，使用填充 CSS 背景。这是您可以正确控制图像位置的唯一方法。

就像是：

li {
  background-image:url(BulletCheck.png); 
  background-repeat:no-repeat; 
  padding-left:30px; 
  margin-left:-30px;
}

1 回答 1