asp.net - 在我的 asp:menu 中更改链接的 CSS

Question

我改变了我的 asp.net 菜单样式。但我无法更改 <a href> 样式。看上图，链接的大小并没有得到<td>元素的所有大小。

有没有办法做到这一点？

这是我的 CSS

.menuItem
{
    height: 50px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    background-color: #F5F5F5;
    width: 220px;
}

.menuItem a
{
    width:220px;
    height:50px;
}

还有我的 HTML

<table class="menuItem MnuMain_4" width="100%" cellspacing="0" cellpadding="0" border="0">
   <tbody>
     <tr>
       <td style="white-space:nowrap;width:100%;">
         <a class="MnuMain_1 menuItem MnuMain_3" style="border-style:none;font-            size:1em;" target="main" href="Pages/Cadastro/CadPrograma.aspx">
         <img style="border-style:none;vertical-align:middle;" alt="" src="Imagens/Menu/btn-programa.png">
&nbsp;&nbsp;IDs
         </a>
      </td>
    </tr>
   </tbody>
</table>

Answer 1

尝试将 display:block 添加到锚的 css。

.menuItem a
{
    display:block;
    width:220px;
    height:50px;
}