Javascript 如何重新编写此联系人按钮代码以使其正常工作？

我在我的网站上有一个联系人按钮，上面有下面的编码，但它并没有按要求打开电子邮件页面。我想知道是否有人能帮助我重新编写代码，使其正常工作

我想现有的样式和id的保留。基本上，我无法让它正常工作

#联系人按钮{
边界：无；
颜色：白色；
填充顶部：7px；
右边填充：33px；
左侧填充：28px；
垫底：8px；
文本对齐：居中；
文字装饰：无；
显示：内联块；
字体风格：lato；
字体大小：20px；
利润上限：4倍；
右边距：2px；
左边距：245px；
利润底部：4倍；
-webkit转换持续时间：0.4s；
过渡时间：0.4s；
光标：指针；
不透明度：0.90；
边界半径：3px；
}
#接触按钮{
背景色：#F06000；
颜色：白色；
}
#联系人按钮：悬停{
颜色：白色；
背景色：#A74200；
}
#邮件图标{
边缘顶部：6px；
浮动：左；
右边距：6px；
}

---

只需删除邮件收件人之前的空格即可：

mailto:joebloggs@gmail.com

应该是

mailto:joebloggs@gmail.com

---

片段

#联系人按钮{
边界：无；
颜色：白色；
填充顶部：7px；
右边填充：33px；
左侧填充：28px；
垫底：8px；
文本对齐：居中；
文字装饰：无；
显示：内联块；
字体风格：lato；
字体大小：20px；
利润上限：4倍；
右边距：2px；
左边距：245px；
利润底部：4倍；
-webkit转换持续时间：0.4s；
过渡时间：0.4s；
光标：指针；
不透明度：0.90；
边界半径：3px；
}
#接触按钮{
背景色：#F06000；
颜色：白色；
}
#联系人按钮：悬停{
颜色：白色；
背景色：#A74200；
}
#邮件图标{
边缘顶部：6px；
浮动：左；
右边距：6px；
}

---

只需删除邮件收件人之前的空格即可：

mailto:joebloggs@gmail.com

应该是

mailto:joebloggs@gmail.com

---

片段

#联系人按钮{
边界：无；
颜色：白色；
填充顶部：7px；
右边填充：33px；
左侧填充：28px；
垫底：8px；
文本对齐：居中；
文字装饰：无；
显示：内联块；
字体风格：lato；
字体大小：20px；
利润上限：4倍；
右边距：2px；
左边距：245px；
利润底部：4倍；
-webkit转换持续时间：0.4s；
过渡时间：0.4s；
光标：指针；
不透明度：0.90；
边界半径：3px；
}
#接触按钮{
背景色：#F06000；
颜色：白色；
}
#联系人按钮：悬停{
颜色：白色；
背景色：#A74200；
}
#邮件图标{
边缘顶部：6px；
浮动：左；
右边距：6px；
}

---

当您单击它时发生了什么？当我单击它时，它会尝试启动电子邮件。这不是你想做的吗？邮件弹出窗口已经打开了，所以它是正确的。你想修复什么？@cal-你可能想在问答中混淆你的电子邮件地址…@cal-你的按钮在我的机器上工作。您可能没有定义默认的电子邮件客户端吗？当您单击它时会发生什么？当我单击它时，它会尝试启动电子邮件。这不是你想做的吗？邮件弹出窗口已经打开了，所以它是正确的。你想修复什么？@cal-你可能想在问答中混淆你的电子邮件地址…@cal-你的按钮在我的机器上工作。你可能没有定义默认的电子邮件客户端吗？我知道它会很简单，非常感谢你的回复。我知道它会很简单，非常感谢你的回复。