CSS真棒字體圖標，提交按鈕

我有這樣一個提交按鈕，以便：CSS真棒字體圖標，提交按鈕

<input type="submit" value="Submit" id="submitButton" />

和我也有這個awesomefont圖標

<i class="fa fa-search"></i>

我嘗試添加類的提交按鈕，但那沒用。

來源

2016-03-01 user979331

除非你是在使用<input>，使用<button>使這相當容易一點死心塌地，但也可以使用搜索的Unicode版本，並在前面加上與&#x：

#submitButton { 
 
    font-family: FontAwesome; 
 
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> 
 

 
<input type="submit" value="&#xf002" id="submitButton"> 
 
<button id="submitButton"> 
 
    <i class="fa fa-search"></i> 
 
</button>

任何字體真棒圖標的Unicode版本可以只在圖標的下方被發現了Font Awesome site：

Fiddle

來源

2016-03-01 15:56:07 ryanpcmcquen

使用按鈕怎麼樣？

<button type="submit" value="Submit" id="submitButton" /> 
    <i class="fa fa-search"></i> Submit 
</button>

來源

2016-03-01 15:54:20

你可以嘗試以下 - 使用按鈕，而不是輸入以下代碼：

<button type="submit" id="submitButton"> 
    <i class="fa fa-search"></i> Submit 
</button>

來源

2016-03-01 15:55:07

剛纔是你抄我的答案嗎？ –

我很抱歉發生這種情況，但是，不是，在codepen中這樣做，並沒有看到你回答已發佈，但只是張貼我的解決方案。 –

我會確保在下次發佈自己的答案之前刷新答案。 –

CSS真棒字體圖標，提交按鈕

回答

相關問題