使用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>的视觉外观存在一些恼人的跨浏览器不一致。
2. （推荐）使用CSS为<span / <a>标签设置样式，使其具有类似按钮的外观。谷歌搜索“css button”以查看一些常用方法。