Как создать текстовую кнопку?

Question

Как мне создать кнопку, которая показывает только текст.Похоже на гиперссылку , но она должна сохранять свойства <button>.

Answer 1

Предполагается, что вы начинаете с элемента button:

<button class="astext">hello, world</button>

Все, что вам нужно сделать, это убрать все стили CSS по умолчанию:

.astext {
    background:none;
    border:none;
    margin:0;
    padding:0;
    cursor: pointer;
}

Конечно, нельзя сказать, что полученный текст на самом деле является кнопкой. Я полагаю, вы могли бы добавить cursor:pointer или несколько :hover правил.

Может быть, вы делаете пасхальное яйцо, может быть, вы не хотите, чтобы люди знали, что на него можно нажать.

Answer 2

Может быть, вы можете проверить этот код JSFiddle , чтобы увидеть, как он работает. Предлагаемое решение работает чудо.

Html

<button class = "asText" id = "doSmth"> Hello World </button>
<div id="hiddenText">i'm well hidden</div>

CSS

.asText {
background:none;
border:none;
margin:0;
padding:0;
}