Javascript 需要使用jquery为链接创建按钮

Javascript 需要使用jquery为链接创建按钮,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我在网站上有一个链接,上面写着“使用当前位置”。我想把链接改成按钮的形状。 按钮的ID为BtngeLocation 您可以在此页面中查看该链接,此处不需要jquery。使用CSS边框和背景属性,您将获得结果。Html for button <a href="#" class="page-button visual-button link">button</a> 您只能使用CSS来实现这一点, 查看此链接: 我希望这可以帮助您将其添加到样式表中!它应该有用。。。编辑cs

我在网站上有一个链接,上面写着“使用当前位置”。我想把链接改成按钮的形状。 按钮的ID为BtngeLocation


您可以在此页面中查看该链接,此处不需要jquery。使用CSS边框和背景属性,您将获得结果。

Html for button

<a href="#" class="page-button visual-button link">button</a>

您只能使用CSS来实现这一点, 查看此链接:


我希望这可以帮助您将其添加到样式表中!它应该有用。。。编辑css以获得所需的形状

#divSearchLocation #btnGeolocation{
border: 1px solid #b5b5b5;
border-radius: 100px;
padding: 8px;
background: #e1e1e1;
box-shadow: inset 0px -18px 25px -18px black;}

无法得到它。。。你能详细说明一下吗。您可以查看该页面以供参考。如果您不想在悬停时发生,您可以删除悬停操作。您可以告诉我如何将悬停添加到按钮。正如您在此页面上看到的,当您将其悬停时,会出现开始顺序CTA更改图像,我如何在“使用当前位置”按钮上复制相同的命令。我没有访问该页面的权限。。。
#divSearchLocation #btnGeolocation{
border: 1px solid #b5b5b5;
border-radius: 100px;
padding: 8px;
background: #e1e1e1;
box-shadow: inset 0px -18px 25px -18px black;}