html - 按钮不会在 Firefox 或 IE 中点击-6ren

html - 按钮不会在 Firefox 或 IE 中点击

转载作者：太空宇宙更新时间：2023-11-04 00:16:37

25

4

我使用 HTML/CSS 和 Java 脚本创建了一个按钮。该按钮应该将某人引导到不同的页面，但它不起作用。它在 Chrome 和 Safari 中运行良好，但在 Firefox 中不起作用。

任何人都可以帮助编写代码以使其在 Firefox 和 IE 中运行吗？

谢谢。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>
    <title>WTF</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>

<style type="text/css">


button{
color:#08233e;
font:2.4em Futura, ‘Century Gothic’, AppleGothic, sans-serif;
font-size:70%;
padding:14px;
background:url(overlay.png) repeat-x center #ffcc00;
background-color:rgba(255,204,0,1);
border:1px solid #ffcc00;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border-bottom:1px solid #9f9f9f;
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
cursor:pointer;
}

button:hover{background-color:rgba(255,204,0,0.8);}

</style>

<body>

<button><a href="http://www.ihatelebronjames.com" class="button1">LEBRON IS A NO-GOOD, BACK-STABBING, AFRAID-OF-THE-MOMENT CHOKE ARTIST!</a></button><br>
<button><a href="http://www.lebronjames.com" class="button2">LEBRON IS THE PINNACE OF BASKETBALL PERFECTION!</a></button>            


</body>

</html>

最佳答案

一个非常简单的解决方法是:

<a href="http://www.lebronjames.com" class="button2"><button>LEBRON IS THE PINNACE OF BASKETBALL PERFECTION!</button></a>

将按钮标签放在a标签内

另一个(更好的做法)选项:

http://jsfiddle.net/a6seL/

这里我们只是添加一个类“button2”到<a> .然后，我们像您对 <button> 所做的那样设置它的样式, 但为了真正获得按钮外观，我们还添加了 display : block上课。

现在你只需要 <a>没有更多<button> .

查看我的 jsfiddle。

关于html - 按钮不会在 Firefox 或 IE 中点击，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11040058/

25

4

0

文章推荐： html - 我们可以阻止打开 CSS、JS 文件吗？

文章推荐： c - 有条件的返回语句？和 :

文章推荐： c - 是否可以在 printf 中设置字符数

文章推荐： css - 滚动条从父 div 的底部出来

javascript - 停止滚动 anchor 击
menu Home Events Technical Schedule
javascript - jQuery 防止 anchor 击
我试图阻止触发默认 anchor 链接和 onclick 事件。这是 HTML 代码: Google 我正在尝试使用以下 jQuery 代码阻止任何重定向的发生: $("#mylink").cli
javascript - 切换 div 除了 anchor 击
我想在单击父 div 上的任意位置时切换我的 div，除非单击 anchor 元素。因此，例如，如果我单击示例中的第一个文本，我希望它切换，但在我的示例中的第二个文本上，我不希望它切换。 JSFidd
jquery - 如何通过 jquery 模拟 anchor 击？
我在通过 jQuery 伪造 anchor 点击时遇到问题:为什么我的thickbox在我第一次点击输入按钮时出现，但第二次或第三次却没有出现？这是我的代码: Link 当我直接点击链接时，它总是
jQuery anchor 击， "this"， "e.target"- 返回 url
我已经从 Mootools 切换到 jQuery，因为我认为它有更好的支持。我有这样的 HTML: Opcje Opcje Opcje Opcje Opcje Opcje Opcje JS

首页

博学

6Ren·AI

商城

html - 按钮不会在 Firefox 或 IE 中点击