文字裝飾：在IE瀏覽器上無法正常工作？

我有這個文字裝飾：在IE瀏覽器上無法正常工作？

.strike{ 
    text-decoration: line-through; 
}

，每次我disable()被調用時，它會從我的<select>禁用<option> S和補充這一類，但它不能在IE瀏覽器。是的，我的<option>已禁用，但IE上的文本修飾失敗。這是什麼解決方法？謝謝。

編輯：我剛剛發現text-decoration：line-through在Chrome上也不起作用。

來源

2012-10-11 Tsukimoto Mitsumasa

難道你可以添加一些代碼樣本添加類到div –

成功？ – UrbanDude

@TomGerken：是的，我的課程已成功添加到''。 –

您可能會變得棘手，併爲文本div添加一個像素背景。這至少可以適應未來，適用於所有瀏覽器。

來源

2012-10-11 20:40:52 Travis

有很少的選項樣式select元素。這是一個support grid，顯示您的可用選項（和限制）。

您可能會更好地模擬'選擇'一些其他方式（example），而不是嘗試使用CSS設計樣式選擇表單控件。

來源

2012-10-11 21:08:31 UrbanDude

-1

這裏，試試這個：

<p>Bla bla bla <span class="strike">RAAAAAA!</span></p>

和：

span.strike{ 
    position: relative; 
    text-align: center; 
    z-index: 1;  
} 

span.strike:before { 
    border-top: 1px solid #000; 
    content:""; 
    width: 100%; 
    position: absolute; 
    top: 50%; 
    z-index: -1; 
}

編輯：哦，它的一個選擇。沒關係。

來源

2012-10-11 21:11:48

是的，這是一個選擇。 –

一般來說，option元素在樣式中有很多限制，因爲它們的渲染仍然主要基於系統中的內置例程，而這些例程通常不能用CSS控制。通常情況下，引導通常不起作用，因爲您可以使用簡單的靜態示例<select><option style="text-decoration: line-through">Hello world</select>進行測試。（作爲好奇心，Firefox使用直通，但不是初始狀態下的初始選項。）

考慮使用其他方法。如果無法選擇某個選項，爲何不刪除它？（我的意思是用JavaScript刪除元素，用CSS隱藏它不起作用。）

或者，將其disabled屬性設置爲true。這將阻止它被選中，並且它將在流行的瀏覽器上使用灰色文本顯示。

來源

2012-10-11 21:16:04

-3

這裏，試試這個

<select> 
    <option selected> Size - </option> 
    <option class="disabledoption">Short Option</option> 
    <option class="disabledoption">This Is </option> 
    <option class="disabledoption">dssdsd Is </option> 
    <option class="disabledoption">yes </option> 
    <option class=>ertyu </option> 
    <option class=>gsdgsdf </option> 
</select> 

<script type="text/javascript"> 
jQuery(document).ready(function() { 
    uni = '\u0336'; 
    jQuery('.disabledoption', this).each(function(index, element) { 
     uni = '\u0336'; 
     var result = strikeString(jQuery(this).html(), uni); 
     jQuery(this).html(result); 
    }); 
    }); 
    function strikeString(str, strikeKind) { 
     var result = ''; 
     for (var i = 0; i < str.length; i++) { 
      var c = str.charAt(i); 
      var r = c+strikeKind; 
      result += r; 
     } 
    return result; 
} 
</script>

來源

2014-08-21 16:55:08

歡迎來到Stack Overflow！這完全沒有做出提問人想要的東西。這實際上*改變了文本*。問題是關於應用「刪除線」風格。 *完全*不同的事情。您應該針對問題中的問題量身定製每個答案。 –

文字裝飾：在IE瀏覽器上無法正常工作？

回答

相關問題