關於流浪開始標記獲取錯誤，我根本無法弄清楚

我有這樣的代碼：

<select name="archive-dropdown" onchange="document.location.href=this.options[this.selectedIndex].value;"> 
    <option value="">Select Month</option> 
    <option value='http://www.example.com?m=201512'> 
    <span style="text-decoration: underline; color: blue;"> 
     December 2015 &nbsp;(4) 
    </span> 
    </option> 
</select>

當我檢查與螢火蟲的HTML中， span標籤不存在。如果我通過Firefox查看頁面源代碼，跨度開始標記和結束標記顯示爲紅色，表示出現問題。

當光標在紅色代碼給我：雜散開始標記「跨度」

如果我通過驗證程序運行的頁面，沒有發現錯誤。

也許span標籤不允許在選項標籤中？

但是，爲什麼驗證器沒有標記呢？

編輯* * * * NIX THE BIT關於VALIDATOR，我只是再次看，發現我使用CSS驗證器。

我通過標記vaidator跑了頁面，並獲得：

Error: Stray start tag span.

From line 273, column 80; to line 273, column 134

m=201512'><span style="text-decoration: underline; color: blue;"> Decem

任何想法？

來源

2015-12-07 SimonT

如果通過該HTML，您可能想要查找其他驗證程序。 – epascarello

'span'標記在'option' /'select'內部絕對無效。在'select select.some-class'上使用CSS，在那裏你給這個選項一個帶有這個名字的類。 – worldofjr

我編輯了我的問題 - 我使用CSS驗證器而不是標記驗證器。問題由標記驗證程序標記。至於在選項標籤上放置一個類，我不會與創建選項標籤的Wordpress函數戰鬥，也不會讓我在選項標籤中包含某些選項。我會環顧四周，看看是否有另一種方式來完成任務。謝謝回覆。 – SimonT

MDN Option:

Permitted content Text with eventually escaped characters (like é).

沒有跨度是允許的，它只是文本。如果您想要設置文本的樣式，則需要查看不是標準元素的JavaScript/CSS解決方案。

http://www.w3.org/TR/html5/forms.html#the-option-element

來源

2015-12-07 01:33:49 epascarello

我在底部添加了一個編輯，以解決我的問題，它在問題的最後。它糾正了我對驗證器的評論。我會試着想辦法做我想做的事 - 選項標記是由Wordpress函數生成的，我不能在選項標記中添加任何內容，如類。感謝您的回覆 – SimonT

嗯，我想如果你不能改變選項，你是運氣不好... – epascarello

我正在尋找其他方式來創建選擇，我可以編碼的實際選項標籤。如果失敗，我將使用一些JavaScript onload並更改選項標籤textDecoration和顏色樣式 – SimonT

span標籤絕對不是一個option/select內有效。

使用CSS與選擇

select option.some-class { 
    text-decoration: underline; 
    color: blue; 
}

其中some-class的名字你給的類的選項，即;

<option class="some-class">December 2015 &nbsp;(4)</option>

來源

2015-12-07 01:35:52 worldofjr

由於epascarello和worldofjr解釋錯誤發生在因爲跨度標籤沒有在選項標籤允許的。看起來在選項標籤中不允許標籤。

我想到了解決該問題的方式 -

我編碼的選擇是對的WordPress的存檔個月的列表。函數wp_get_archives（）可以爲每個條目生成選項標籤，但是我無法將其添加到選項標籤中，以便放入我想要的樣式。

我想除了第一個選項中的所有選擇有顏色：藍色;文字修飾：下劃線;光標：指針; （我希望它們看起來像一個鏈接，我知道它們在盤旋或跟隨時不會改變顏色，但是藍色和下劃線以及指針光標應該越過它們的鏈接）。

該函數不會生成選擇標籤，我必須編碼，所以我可以添加到它。我把class =「optionSetRules」放在select上。

我編寫的類爲：

.optionSetRules option { 
    color: blue; 
    text-decoration: underline; 
    cursor: pointer; 
}

這將樣式選項標籤，帶有class =「optionSetRules」父

我編寫的第一個選項裏面選擇自己，以顯示「選擇一個月。」我不希望這個選項有顏色：藍色;和文字修飾：下劃線;所以我加了班=「optionSetBlackNoUnderline」的選項標籤，然後添加這個CSS：

.optionSetBlackNoUnderline{ 
    color: black; 
    text-decoration: none; 
    cursor: default; 
}

該編碼給我我想要的東西 - 的選項，除了第一個，設置顏色：藍色;文字修飾：下劃線;光標：指針;

現在的問題是，我接受答案的標記是哪個答案？

SimonT

來源

2015-12-07 21:11:56 SimonT

回答

相關問題