Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/42.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 文本装饰:线通过不工作的IE?_Html_Css_Internet Explorer - Fatal编程技术网

Html 文本装饰:线通过不工作的IE?

Html 文本装饰:线通过不工作的IE?,html,css,internet-explorer,Html,Css,Internet Explorer,我有这个 .strike{ text-decoration: line-through; } 每次调用mydisable()时,它都会从my中禁用并添加此类,但它在IE上不起作用。是的,my被禁用很好,但IE上的文本装饰失败。解决方法是什么?谢谢 编辑:我刚刚发现,文本装饰:行通过在Chrome上也不起作用。你可能会变得很棘手,在文本div中添加一个像素的背景。这至少是未来的证明,适用于所有浏览器。样式设置选择元素的选项很少。下面是一个显示可用选项(和限制)的示例 您最好模拟“选择”其

我有这个

.strike{
    text-decoration: line-through;
}
每次调用my
disable()
时,它都会从my
中禁用
并添加此类,但它在IE上不起作用。是的,my
被禁用很好,但IE上的文本装饰失败。解决方法是什么?谢谢


编辑:我刚刚发现,文本装饰:行通过在Chrome上也不起作用。

你可能会变得很棘手,在文本div中添加一个像素的背景。这至少是未来的证明,适用于所有浏览器。

样式设置
选择
元素的选项很少。下面是一个显示可用选项(和限制)的示例

您最好模拟“选择”其他方式(),而不是尝试使用CSS设置选择表单控件的样式。

在这里,尝试以下方法:

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

编辑:哦,这是一个选择。无需担心。

通常,
选项
元素在样式设置方面有很多限制,因为它们的呈现仍然主要基于系统中的内置例程,并且这些例程通常无法通过CSS控制。过度拉伸通常不起作用,因为您可以使用一个简单的静态示例进行测试
helloworld
。(作为一种好奇,Firefox使用line-through,但在初始状态下不使用初始选中的选项。)

考虑使用另一种方法。如果无法选择某个选项,为什么不将其删除?(我的意思是用JavaScript删除元素。用CSS隐藏它不好用。)

或者,将其
disabled
属性设置为
true
。这将阻止它被选中,并且它将在流行浏览器上使用灰色文本显示。

在这里,试试这个

<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>

尺寸-
空头期权
这是
DSD是
对
二流
gsdgsdf
jQuery(文档).ready(函数(){
uni='\u0336';
jQuery('.disabledoption',this).each(函数(索引,元素){
uni='\u0336';
var result=strikeString(jQuery(this).html(),uni);
jQuery(this).html(result);
});
});
功能删除线(str、删除线){
var结果=“”;
对于(变量i=0;i
我的问题是文本装饰:行通过;在IE中不工作。我使用速记在单个声明中设置一个或多个单独的文本装饰值(例如文本装饰:蓝色虚线)。我发现它还不受支持。

如果您的下划线/线条需要另一种颜色,请使用额外的span元素


试试这个
成功地将类添加到div中了吗?您可以添加一些代码示例吗?@TomGerken:是的,我的类成功地添加到了
上,看起来像是
选项1
。欢迎使用堆栈溢出!这根本不能满足提问者的要求。这实际上改变了文本。问题是如何应用删除线样式。完全不同的事情。你应该针对问题中的问题量身定制每个答案。
<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>