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中的文本）

Answer 2

如何设置样式中的边距和填充？

Answer 3

在这里，我把一些可能适合你的东西放在一起。它并不完美，但可能是你的起点。

http://jsfiddle.net/Gj9R6/1/

看起来像链接的按钮

3 个答案: