Кнопка, которая выглядит как ссылка

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; 

Конечно, вы можете иметь любое положительное числовое значение вместо нуля,ориентация отступа в этом атрибуте, поскольку она связана с числовыми значениями:

отступ: верхний правый нижний левый

Последнее примечание: поле - это интервал вокруг элемента и других элементов вокруг него.Заполнение - это интервал области внутри элемента (например, текста внутри)

Answer 2

Как насчет установки полей и отступов в вашем стиле?

Answer 3

Здесь я собрал кое-что, что могло бы помочь вам. Это не идеально, но может быть отправной точкой для вас.

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