asp.net – 看起来像链接的按钮

发布时间：2020-12-16 03:37:10 所属栏目：asp.Net 来源：网络整理

导读：嗨,我有一个要求,我不允许在页面上使用 JavaScript.我有一些asp：LinkBut??tons,但这些似乎使用javascript所以我用按钮替换它们： asp:Button ID="titleButton" runat="server" BorderStyle="None" CommandArgument='%# Eval("Id") %' OnClick="downloadButt

嗨,我有一个要求,我不允许在页面上使用 JavaScript.我有一些asp：LinkBut??tons,但这些似乎使用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
}

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

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

解决方法

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!