Добавить кнопку с помощью CSS и CoffeeScript

Question

Я хочу изменить «ДОБАВИТЬ СВОИ» на кнопку.

код для текста здесь

addMorePhotosButton = $ """
  <div style="float:left;font-size:32px">
    <br>
    Everyone's photos from
    "<span class="jvreplacewitheventname">this event</span>"
    <a class="jvaddmorephotosbutton" href="#">+Add yours!</a>
    <br/>
  </div>
"""

addMorePhotosInfoDiv.append addMorePhotosButton

Я добавил CSS для самой кнопки в соответствующий файл CSS, мне просто нужно знать, какой код разместить выше, чтобы он правильно отображался.

Вы можете увидеть ссылку, где я хочу, чтобы кнопка появилась, здесь:

http://www.albumpl.us/gallery/trial/photos

Answer 1

У вас есть два варианта:

1. Используйте тег <button> вместо <a>.Я не рекомендую это, поскольку есть некоторые раздражающие кросс-браузерные несоответствия с визуальным видом <button> s.
2. (Рекомендуется). Стилизуйте теги <span / <a> с вашим CSS, чтобыим похожий на пуговицу вид.Выполните поиск в Google по запросу " css button ", чтобы увидеть некоторые общие подходы.