Как скрыть кнопку, а то что в ней показывать?

Question

[valexeich]

У меня есть такая кнопка:

<button><i class="ti-heart-broken"></i></button>

Мне нужно скрыть кнопку, но то что в ней оставить видимым. Как это сделать? Пытался просто сделать её прозрачной но вместе с ней и иконка исчезла внутри кнопки

Comments

[ThunderCat]

смысл какой?

[valexeich]

ThunderCat, нужно сделать вид якобы я нажимаю на иконку, но на самом деле на кнопку

[DaniilPo]

valexeich, а зачем тебе тогда кнопка?
Почему сразу на иконку не нажимать?

[valexeich]

DaniilPo, нужно сделать type="submit"

[DaniilPo]

valexeich, во первых и что ?
во вторых залейте сюда https://jsfiddle.net/ код что бы было понятно какая кнопка какая иконка и тд а то

<button><i class="ti-heart-broken"></i></button>

не знаю как остальным, но мне никакой толковой информации не даёт

Answer 1

[Ольга]

Сбрось стили кнопки:

border:none;
background:none;

Answer 2

[ThunderCat]

нужно сделать вид якобы я нажимаю на иконку, но на самом деле на кнопку

и какая разница? Сделайте на жс клик-поведение как кнопка.
ну или через попу:

.myButton{
  background:none;
  border:none;
  cursor:pointer
}