Текстовое оформление: сквозной не работает в IE?

у меня есть это

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

и каждый раз мойdisable() называется, это отключитс моего и добавить этот класс, но он не работает на IE. Да мойОни просто отключены, но оформление текста не выполняется в IE. Какой обходной путь для этого? Благодарю.

Изменить: я только что узнал, что text-художественное оформление: сквозной не работает также на Chrome.

 Tom G11 окт. 2012 г., 22:31
Успешно ли добавить класс в div?
 UrbanDude11 окт. 2012 г., 22:35
Можете ли вы добавить несколько примеров кода?
 Tsukimoto Mitsumasa11 окт. 2012 г., 22:44
@ TomGerken: Да, мой класс успешно добавлен наКак-то это выглядит так.Option 1

Ответы на вопрос(6)

select элементы. Вот'сопорная решетка который показывает ваши доступные варианты (и ограничения).

Вам, вероятно, будет лучше симулироватьВыбрать' каким-то другим способом (пример), а не пытаться стилизовать элемент управления формы выбора с помощью CSS.

option элементы имеют много ограничений в стилях, так как их рендеринг все еще в значительной степени основан на встроенных подпрограммах в системах, и эти подпрограммы часто не контролируются с помощью CSS. Перегрузка обычно не работает, так как вы можете проверить на простом статическом примереHello world, (Любопытно, что Firefox использует прямую линию, но не в изначально выбранной опции в начальном состоянии.)

Рассмотрите возможность использования альтернативного подхода. Если опция не может быть выбрана, почему бы просто не удалить ее? (Я имею в виду удаление элемента с помощью JavaScript. Скрывать его с помощью CSS не очень хорошо.)

В качестве альтернативы, установите егоdisabled собственность наtrue, Это предотвратит его выбор и будет отображаться с использованием серого текста в популярных браузерах.

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

редактировать: о, это выбор. не берите в голову.

 Tsukimoto Mitsumasa11 окт. 2012 г., 23:17
Да, это выбор.

<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>
 Andrew Barber21 авг. 2014 г., 19:03
Добро пожаловать в переполнение стека! Это вовсе не делает то, что хочет человек, задающий вопрос. Это на самом делеменяет текст, Вопрос о примененииstrikethrough стиль.полностью другая вещь. Вы должны адаптировать каждый ответконкретно к вопросам в вопросе.

не работает в IE. Я использовал сокращение для установки одного или нескольких отдельных значений оформления текста в одной декларации (например, text-украшение: штриховой пунктирный синий). Я обнаружил, что это еще не поддерживается.https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration

Если вам нужен другой цвет для подчеркивания / прямой линии, используйте дополнительный элемент span.

<span style="color:red; text-decoration: line-through;"><span style="color: blue; text-decoration: none">Try this!</span></span>

Не уверен, поможет ли это вам в вашем случае.

элементу. Это, по крайней мере, будет ориентировано на будущее и будет работать во всех браузерах.

Ваш ответ на вопрос