2012-07-06 63 views
3

我有一堆hmtl按鈕,其中一些有如下值:「標題*」我希望星星被塗成紅色,而其餘文字是黑色的。這可能嗎?在html按鈕的文本部分添加顏色

我發現這個代碼,建議,使彩色文本:

<form> 
<input type="button" value="this is a styled text button" style="color:#fff;"> 
</form> 

是這樣的可能修改值的文本,這樣只有部分會受到影響?

回答

3

您需要像其他人所建議的那樣使用跨度。但是,我會完全避免使用style屬性的內聯css。而是使用類。它很難推薦究竟如何應用CSS不知道使用的上下文,但下面就是一個例子:

HTML:

<button class="starred">Title <span>*</span></button> 

CSS:

button.starred span { color: #f00; } 
+0

我想我應該在我的問題中寫下一些更多信息。我不能使用

+0

然後不......你需要鉤入表單api並改變輸出。不管你如何應用顏色。 – prodigitalson 2012-07-06 13:46:29

1

相反的<input type="button"/>可以使用<button>標籤和樣式的標籤:

<button>Title<span style="color:#f00">*</span></button> 
+0

加「顏色: 'to that style – 2012-07-06 12:12:51

+0

@RasmusFranke我之前在你的評論前加了 – Engineer 2012-07-06 12:14:08

+0

@RusmusFranke你爲什麼要upvote Random的答案?這是從我的答案 – Engineer 2012-07-06 12:21:18

2

把那*在跨度像

<button type="button">Title <span style="color:red;">*<span></button> 

更新:

<style>button>span{style="color:red;"}</style> 
    <button type="button">Title <span>*<span></button> 
+0

@RasmusFranke沒有必要downvote,因爲我更喜歡'按鈕''輸入類型=「按鈕」' – 2012-07-06 12:13:10

+1

你偷我的upvote,你知道嗎?您已將您的不正確答案更改爲我的 – Engineer 2012-07-06 12:14:44

+0

@Random由於我認爲您的解決方案無法正常工作,所以我發表了錯誤評論和錯誤提示,但是我錯了,因此我選擇了upvoted並刪除了我的評論。 – 2012-07-06 12:16:04