Google Chrome не отображает стили из динамически добавляемых строк, а Firefox -

Question

Google Chrome не отображает стили из динамически добавляемых строк, а Firefox -

0

У меня есть таблица, где пользователь имеет возможность добавить новую строку для ввода данных и кнопку минус для удаления ввода. То, что я пытаюсь сделать, - это иметь минус-кнопку внутри самой последней ячейки таблицы, но без какой-либо границы.

В Firefox он отображается просто отлично, но в Chrome есть граница вокруг ячейки таблицы, где я явно удалил ее с помощью атрибута.style.

...
var cell2=row.insertCell(i-1);
cell2.style="background:none !important; border-style:none !important;";
var t1=document.createElement("input");
t1.type = "button";
t1.value = "-";
t1.onclick = function(){ deleteRow(this); };
cell2.appendChild(t1);

Вот как это выглядит в Chrome, и вот оно в Firefox

Как я могу правильно отобразить стиль в хроме?

user3377061 04 март 2014, в 23:40

Источник

0

Я обновил свой ответ.
Sebsemillia 04 март 2014, в 22:06
0

Обновленный ответ теперь работает отлично. Спасибо!
user3377061 04 март 2014, в 22:30

Теги:

javascript

html

google-chrome

firefox

1 ответ

Ещё вопросы

Обновленный ответ теперь работает отлично. Спасибо!

Sebsemillia · Accepted Answer · 2014-03-04T20-31-00.000Z

Нет border-style: hidden.

border-style: none

было бы правильной декларацией.

Я думаю, если вы исправите это в своем скрипте, все должно хорошо работать во всех браузерах.

ОБНОВИТЬ:

Я не очень опытен с vanilla JS, но я думаю, вы должны установить стили для элемента по-разному.

Попробуй это:

cell2.style.background = "none";
cell2.style.borderStyle = "none";

Я исправил это, чтобы использовать стиль границы: нет, но в Chrome он все тот же. В Firefox граница устранена, но в Chrome она все еще сохраняется. Если я использую! Важный в стиле границы, это не имеет значения.
Я также попробовал стиль: пунктир и другие стили границ, которые хорошо отображаются в Firefox, но не в Chrome. Использование Chrome v33 и Firefox 27.1 (оба недавно обновленных браузера)