联系表格7提交输入扩展并在悬停时添加图标

时间:2017-03-02 03:51:16

标签: css wordpress

我正在尝试在联系表单7上获取提交输入以展开并在悬停时显示图标。到目前为止,我一直在四处搜寻。如果有人在这里可以帮助我,我会非常感激。

以下是我希望它的样子: Divi主题上的Divi构建器按钮。

enter image description here

提交以进行更改 在Divi主题上联系表格7

form with submit button that needs to be changed

如果有人可以提供帮助,我会非常感激。

这个网站是elitesecurityalarms.com,它目前即将推出,但是,如果有人想看看网站并帮助我,我现在就会关闭该网页。

如果我没有给你足够的信息,请告诉我你需要的其他任何东西。

1 个答案:

答案 0 :(得分:0)

添加css并在html按钮中添加图标。

如果您没有图标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>