Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 联系表单7提交输入扩展和添加悬停图标_Css_Wordpress - Fatal编程技术网

Css 联系表单7提交输入扩展和添加悬停图标

Css 联系表单7提交输入扩展和添加悬停图标,css,wordpress,Css,Wordpress,我正在尝试获取联系人表单7上的提交输入,以展开并在悬停时显示图标。我到处找了找,到目前为止都是空的。如果这里有人能帮助我,我会非常感激 以下是我想要的外观: Divi生成器中有关Divi主题的按钮 提交待更改内容: 有关Divi主题的联系表格7 如果有人能帮忙,我会非常感激 该网站是elitesecurityalarms.com,目前有一个即将发布的页面,但是,如果有人想查看该网站并帮助我解决问题,我现在就将该页面删除 如果我没有给你足够的信息,请向我询问你还需要什么。在html中添加css

我正在尝试获取联系人表单7上的提交输入,以展开并在悬停时显示图标。我到处找了找,到目前为止都是空的。如果这里有人能帮助我,我会非常感激

以下是我想要的外观: Divi生成器中有关Divi主题的按钮

提交待更改内容: 有关Divi主题的联系表格7

如果有人能帮忙,我会非常感激

该网站是elitesecurityalarms.com,目前有一个即将发布的页面,但是,如果有人想查看该网站并帮助我解决问题,我现在就将该页面删除


如果我没有给你足够的信息,请向我询问你还需要什么。

在html中添加css和添加图标按钮

若你们并没有图标css,先把它添加到头部

<head>
<link rel="stylesheet" href="http://fontawesome.io/assets/font-awesome/css/font-awesome.css">
</head>

    <button class="btn"><i class="fa fa-share-square-o" aria-hidden="true"></i>send</button>
    <style>
    .btn i{
        display:none;
    }
    .btn:hover i{
        display:inline-block;
    }
    </style>

发送
.btn i{
显示:无;
}
.btn:悬停i{
显示:内联块;
}

您可以使用css3或jquery。你没试过吗