CSS风格按钮不起作用？

-1

当然，我在CSS Button Generator中设计了它，因为我对CSS无论如何都很懒惰和糟糕，但是在我尝试粘贴代码之前，它一直在工作！CSS风格按钮不起作用？

因此，对于上下文，我决定将我的整个代码添加到pastebin链接，如果它太麻烦了，很抱歉。 Click here.

但是，我不能得到它的工作，但是，如果显示花哨的CSS样式，按钮将无法正常工作。如果该按钮有效，则它位于超链接版本中。帮帮我？

来源

2016-04-25 Roy

它在标签内！我没有发布我的整个代码，因为它可能是一个痛苦，如果有必要，我会包含一个pastebin链接！ – Roy

虽然我是新手我自己，因为据我所知document.getElementById("myButton").addEventListener("click", function()必须保持在script标签

像这样：

<script> 
document.getElementById("myButton").addEventListener("click", function() 
</script>

检查是否奏效

来源

2016-04-25 06:08:52 NewbieDeveloper

可悲的是超链接无法正常工作作为按钮，尽管事实上它可以看起来像一个样式

我的建议是风格的按钮，你试图塑造hy perlink

一个简单的调试方法测试的天气超链接可以作为按键会的onclick增加的超级链接

这个问题被关闭，但有一个公认的答案，我觉得可能有利于你 Add onclick event to hyperlink

来源

2016-04-25 06:09:17

不，不。这不是一个真正的超链接。我在解释自己时很糟糕。我将包含一个[pastebin]（http://pastebin.com/rwQh0UcM）链接以供参考。 – Roy

任何使用 2016-04-25 22:55:15

这工作。。复制下面的代码蚂蚁尝试

document.getElementById("myButton").addEventListener("click", function(){alert();})

<a href="#" class="myButton" id="myButton">green</a> 
 

 
<style> 
 
.myButton { 
 
\t background-color:#44c767; 
 
\t -moz-border-radius:28px; 
 
\t -webkit-border-radius:28px; 
 
\t border-radius:28px; 
 
\t border:1px solid #18ab29; 
 
\t display:inline-block; 
 
\t cursor:pointer; 
 
\t color:#ffffff; 
 
\t font-family:Arial; 
 
\t font-size:17px; 
 
\t padding:16px 31px; 
 
\t text-decoration:none; 
 
\t text-shadow:0px 1px 0px #2f6627; 
 
} 
 
.myButton:hover { 
 
\t background-color:#5cbf2a; 
 
} 
 
.myButton:active { 
 
\t position:relative; 
 
\t top:1px; 
 
} 
 
</style>

来源

2016-04-25 06:17:18 Jobin

CSS风格按钮不起作用？

回答

相关问题