Как поставить рамку вокруг всей клетки?

0

Я хочу, чтобы "внутренняя граница" была вокруг всей ячейки, если она была сфокусирована. Прямо сейчас его длина примерно равна длине слова. Я хочу, чтобы граница проходила по всей ячейке. Какой код снайпер, который я должен добавить?

td:focus{
    border: 2px inset white;
    border-width:2px;
    content: '';
    width: auto;
    height: auto;
    position: absolute;
    background: white;
}
  • 3
    Покажите нам свой код также в jsFiddle!
  • 0
    Просто примечание. Если вы используете border: 2px inset white , не будет ли border-width:2px устаревшей? Поскольку вы уже определили это раньше.
Показать ещё 2 комментария
Теги:
border

1 ответ

1

Он выделяет "длину слова", потому что вы устанавливаете высоту и ширину ячейки (в конечном счете, сбрасывая ее до длины своего содержимого). Чтобы исправить это, просто удалите width: auto и height: auto:

td:focus{
    border: 2px inset white;
    border-width:2px;
    content: '';
    position: absolute;
    background: white;
}

JSFiddle демо.

  • 0
    Если я использую ваше решение, я получаю это: dropbox.com/sh/l914itjvub7v1vy/jvRcshM5lk#lh:null-cell2.JPG
  • 0
    Вы должны опубликовать больше своего кода для нас, чтобы понять, почему это происходит. Это, вероятно, вызвано абсолютным позиционированием - зачем ты это делаешь?
Показать ещё 4 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню