Выделите строку с помощью CSS - PullRequest
Новая
       0

Выделите строку с помощью CSS

1 голос
/ 13 февраля 2010

Ниже приведен класс, который я использую для выделения строки, но он вносит изменения только для cursor и шрифта, а не bgcolor строки.

Я также использовал цвет фона: # FFDC87; но он не может получить желаемый результат. 

.highlighted {

    bgcolor: #FFDC87;
    cursor          : pointer;
    /*font-size : 50px;*/
}

Как мне заставить это работать?

Ответы [ 4 ]

11 голосов
/ 13 февраля 2010

Это потому, что CSS-свойство bgcolor не существует. Свойство, которое вы ищете, background-color.

Если это не сработает, есть что-то еще, что мешает элементу background-color и блокирует его работу Но нам понадобится немного больше кода, чтобы помочь вам в этом.

5 голосов
/ 13 февраля 2010

Как видно из других ответов, это background-color вместо bgcolor. Обратите внимание, что вы можете увидеть, есть ли ошибки в вашем коде HTML, JS или CSS, если вы используете плагин, такой как Firebug или Webdeveloper (оба плагина Firefox). Вот что упомянул веб-разработчик:

альтернативный текст http://img191.imageshack.us/img191/7469/csserror.png

И, возможно, вы также захотите свернуть границы таблицы, иначе в строках таблицы будут пропуски. Вот что вы могли бы сделать: 

<html>
  <head>
    <style>
      table {
        border-collapse: collapse;
      }
      td {
        padding-right: 10px;
      }
      .highlighted {
        background-color: #ffdc87;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <table>
      <tr class="highlighted">
        <td>1</td><td>11</td><td>111</td>
      </tr>
      <tr>
        <td>2</td><td>22</td><td>222</td>
      </tr>
      <tr class="highlighted">
        <td>3</td><td>33</td><td>333</td>
      </tr>
      <tr>
        <td>4</td><td>44</td><td>444</td>
      </tr>
      <tr class="highlighted">
        <td>5</td><td>55</td><td>555</td>
      </tr>
    </table>
  </body>
</html>
3 голосов
/ 13 февраля 2010

Вместо bgcolor, правило CSS будет background-color. Дайте этому попытку.

2 голосов
/ 13 февраля 2010

CSS для цвета фона является "background-color", например цвет фона: # FFDC87;

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...