html - 表单按钮 CSS

标签 html css

我是 HTML 的新手,目前我只是想编辑一个模板。无序列表上的“注册”按钮让我震惊。

这里是一些信息:

在模板上,我必须更改指向表单按钮的链接,以便将其集成,打开帐户系统的一部分......在我将表单按钮放在那里后,结果如下所示: https://gyazo.com/82c807d59162ada63dcaeea69b2fd340

旧代码如下所示:

<li><a href="#">Sign Up Now!</a></li>

新代码如下所示:

<li><button type="button" class="order-button" data-product="1" >Sign Up Now!</a></li>

我还必须将其插入到代码的页脚中以将其集成:

<script type="text/javascript" src="#"></script>

为了匿名,我已经删除了链接。

还有列表的底部,现在显示“立即注册!”应该是绿色的,然后在鼠标悬停时变成黑色。

虽然模板中的 CSS 文件非常广泛,但包含所有 .btn CSS 部分的部分只是一个很长的非结构化列表,很难理解。最重要的是,我不知道如何将表单按钮链接到 CSS 的 .btn 部分。

在此先感谢您的帮助:)

最佳答案

您的标记有一个不正确的 <button> 结束标记.应该是:

<li><button type="button" class="order-button" data-product="1" >Sign Up Now!</button></li>

关于html - 表单按钮 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36870989/

相关文章:

javascript - 简单的 HTML pretty-print

html - 包含文本的部分与包含无序列表的部分重叠

css - 为什么未 float 的 div 会覆盖/重叠 float 的 div? (以 "why"为焦点)

css - 我应该将 sass 源映射添加到我的 git 仓库中吗?

html - 溢出文本左对齐

android - 设置方向肖像phonegap android

html - 创建绘图效果

javascript - 使用 HTML 页面图 block 创建网站

php - HTML 文件是否可以指向一组外部链接?

html - Ruby on Rails 模型,日历栏作为列,不同模型的主键作为行?