使用CSS和CoffeeScript添加按钮

我想将“ADD YOURS”更改为按钮。使用CSS和CoffeeScript添加按钮

文本的代码是在这里

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

来源

2011-10-19 adam

你有两个选择：

使用<button>标签，而不是<a>。我不推荐这样做，因为在<button>s的视觉外观中存在一些恼人的跨浏览器不一致问题。
（推荐）用你的CSS风格<span/<a>标签给他们一个按钮般的外观。通过Google搜索“css button”查看一些常见方法。

来源

2011-10-19 15:18:29

所以我用这个按钮制造商之前，我张贴在这里 - http://css-tricks.com/examples/ButtonMaker/我现在有代码张贴在我的CSS文件中...我只需要知道如何将其设置在文件本身上，告诉它即时通讯使用按钮，而不是文本......这有道理吗？ – adam

@adam我真的不知道你在问什么。该按钮现在看起来很好，除了链接文本带下划线。要解决这个问题，请在你的CSS中添加'a.jvaddmorephotosbutton {text-decoration：none;}'。 –

使用CSS和CoffeeScript添加按钮

回答

相关问题