看起来像链接的按钮

Question

嗨,我有一个要求,我不允许在页面上使用JavaScript.我有一些,asp:LinkButtons但这些似乎使用JavaScript,所以我用按钮替换它们:

<asp:Button ID="titleButton" runat="server" BorderStyle="None" CommandArgument='<%# Eval("Id") %>' OnClick="downloadButtonClick" Text="Download" CssClass="ButtonAsLink" />

用css:

.ButtonAsLink
{
  background-color:transparent;
  border:none;
  color:blue;
  cursor:pointer;
  text-decoration:underline;
  font-weight:bold
}

这是我想要的,但由于按钮边缘和文本之间的边距,按钮的文本不与同一列中的标签对齐.

我想知道是否有人能告诉我如何将按钮文字边距设置为零？

Answer 1

.ButtonAsLink{
   background-color:transparent;
   border:none;
   color:blue;
   cursor:pointer;
   text-decoration:underline;
   font-weight:bold;
   padding: 0px;
 }

如果要删除所有填充,请将元素填充设置为0px,或者可以使用此属性.

padding: 0px 0px 0px 0px; 

当然,您可以使用任何正数值代替零.此属性中填充的方向与数值相关:

填充:右上角左下角

最后一点:边距是元素周围的间距和周围的其他元素.填充是元素内区域的间距(例如,a中的文本)