使用 CSS 和 CoffeeScript 添加按钮

发布于 2024-12-10 23:04:22 字数 615 浏览 0 评论 0 原文

我想将“添加您的”更改为按钮。

文本的代码在这里,

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。我们/画廊/试用/照片

I want to change "ADD YOURS" to a button.

the code for the text is here

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

I added the CSS for the button itself to the proper CSS file, I just need to know what code to place above to get it to render correctly.

You can see the link where I want the button to appear, here:

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

穿越时光隧道 2024-12-17 23:04:22

You have two options:

  1. Use the <button> tag instead of <a>. I don't recommend this, as there are some annoying cross-browser inconsistencies with the visual look of <button>s.
  2. (Recommended) Style the <span/<a> tags with your CSS to give them a button-like appearance. Do a Google search for "css button" to see some common approaches.
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文