想要在輸入字段中使用特殊的私人字符

我認爲這很容易，但顯然需要比我更聰明的人來做到這一點。我的項目作爲使用特殊貨幣符號而不是$。我們一直在使用它作爲一個小圖像，並用<img>嵌入它。但是，不能在<input>字段中使用它。特別是要使其成爲type = submit <input>字段中按鈕文本的一部分。想要在輸入字段中使用特殊的私人字符

我已經讀了很多，但沒有理解什麼是有道理的這樣做。我使用Windows專用字符編輯器創建了一個私人字符，但我需要一種方法讓html在<input>字段中爲我呈現。

我正在閱讀有關<glyph-data>還有圖標字體。我有這種感覺（只是一種感覺），圖標字體可能會爲我做到這一點，但它看起來像是一個完成它的時間投資。

任何人都可以提出一個有意義的方法嗎？

來源

2015-12-18 Jim Mc

設置輸入按鈕的背景圖像。 – Robbert

是Unicode中的貨幣符號嗎？ –

我的意思是，您的貨幣符號是[這些]其中之一（http://www.fileformat.info/info/unicode/category/Sc/list.htm）？ –

已經有共同點currency sign：（¤或¤）。我建議以SVG格式獲取所需的「私人圖像」，訪問IcoMoon網絡應用程序，在那裏上傳它，生成webfont，同時分配相應的字符點00a4。通過這個，你會得到向下兼容的共同貨幣符號表示形式和你的意願。

來源

2015-12-18 18:45:58 myf

您可以使用與圖像或圖標的按鈕，這裏是如何做到這一點的好例子 - Font-awesome, input type 'submit'

來源

2015-12-18 18:30:49

您可以設置一個按鈕的背景圖片（或任何輸入欄真的）。

#submitButton { 
    background-image: url('/link/to/image'); 
    background-position: left center; 
    padding-left: 12px; /* or whatever your image width is */ 
}

以上CSS假設你是把更多的文本在提交按鈕

<input type="submit" id="submitButton" value="Some text"/>

如果你不把任何文字，只需要使用的圖像，你可以設置背景位置以中心爲中心並移除填充左側

來源

2015-12-18 18:32:02 Robbert

創建特殊字符只不過是創建徽標或類似的東西。您需要將此符號導出爲SVG，並將其用作嵌入式SVG或圖標字體（我建議使用http://fontello.com/）。

而且，請注意，如果你只是想在一個按鈕來使用它，你可以使用<button>標籤，就像這樣：

<button type="submit"><img src="your/image.png" alt="currency"></button>

將工作就像input[type="submit"]。

來源

2015-12-18 18:32:07

想要在輸入字段中使用特殊的私人字符

回答

相關問題