Question

我有这行代码：

<input type="submit" class="submit" name="submit" id="searchsubmit" value="<?php esc_attr_e( 'Search Products', 'paralinx' ); ?>" />

如何在“搜索产品”文字之前添加字体真棒图标？

我尝试在输入字段之前使用：但它不起作用。

希望你能帮忙

Answer 1

:before和:after仅适用于在开始标记和结束标记之间可以包含content的元素。 <input type=submit>无法拥有内容。

使用

<button type="submit" class="submit" name="submit" id="searchsubmit"><?php esc_attr_e( 'Search Products', 'paralinx' ); ?></button>

相反，它允许使用:before。

Answer 2

你应该使用：在伪元素之前使用＆＃39;内容＆＃39;财产：

.submit:before {
 content: "";
 display: block;
 background: url("icon.jpg") no-repeat;
 width: 20px;
 height: 20px;
 float: left;
 margin: 0 6px 0 0;
}

Answer 3

使用按钮标记

<button type="submit" class="submit" name="submit" id="searchsubmit" ><i class="fa fa-check"></i> <?php esc_attr_e( 'Search Products', 'paralinx' ); ?></button>

Fontawesome里面的提交按钮

3 个答案: