Html 有没有办法使用href=";电话:;在CSS中?

Html 有没有办法使用href=";电话:;在CSS中?,html,css,onclick,href,tel,Html,Css,Onclick,Href,Tel,我目前正在使用一个名为“Elementor”的建设者创建一个网站。在我的页脚中,我添加了一个图标,我想让它成为可点击的,这样当你在手机上点击它时,它就会使用href=“tel”功能,并在拨号屏幕上弹出号码 然而,我似乎找不到一种使用CSS的方法,因为Elementor只让我向图标添加自定义CSS。图标下方的数字本身是可单击的,但这是使用以下HTML完成的: 使用CSS有什么方法可以做到这一点吗?CSS将无法在其周围环绕一个锚,因为它用于设置元素的样式 您的选择是以某种方式在当前存在的标记中获取

我目前正在使用一个名为“Elementor”的建设者创建一个网站。在我的页脚中,我添加了一个图标,我想让它成为可点击的,这样当你在手机上点击它时,它就会使用
href=“tel”
功能,并在拨号屏幕上弹出号码

然而,我似乎找不到一种使用CSS的方法,因为Elementor只让我向图标添加自定义CSS。图标下方的数字本身是可单击的,但这是使用以下HTML完成的:


使用CSS有什么方法可以做到这一点吗?

CSS将无法在其周围环绕一个锚,因为它用于设置元素的样式

  • 您的选择是以某种方式在当前存在的标记中获取图标

  • 使用CSS使用背景图像和填充设置当前标记的样式

  • 使用jQuery将其包装在锚中

  • 使用伪元素

    a:before{
    内容:'\260E';
    }
    a{
    显示器:flex;
    弯曲方向:立柱;
    文本对齐:居中;
    文字装饰:无;
    }
    是的,您可以使用

    a[href^='电话:']:之前{
    内容:'\1F4F1';
    }

    您能将图标包装在锚定标记内吗?ie:
    ?CSS不应该发出行动呼吁。你必须把你的图标放在
    标记中是的,我已经可以包装它了,现在它可以工作了。非常感谢。:)我将其打包并使用href=“tel”,现在可以使用了。谢谢。:)