Форум

AnarCom · #1 (**permalink**) 04.12.2018, 08:12

Всем добрый день,
в сети нашел инфу только про перечеркивание строки таблицы, собственно из-за этого и появился этот вопрос

Задача:
Зачеркнуть ячейку таблицы (text-decoration:line-through не подходит, так как там так же присутствует и input, который остается нетронутым)

Заранее спасибо)

рони · #2 (**permalink**) 04.12.2018, 08:40

AnarCom,

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  td{
      position: relative;
  }

  td.line:after{
      content:"";
      display: block;
      position: absolute;
      top: 50%;
      height: 1px;
      width: 100%;
      background-color: #000000;
      margin-left: -1px;
  }

  </style>
</head>

<body>
<div id="slider"></div>
 <table>
 	<thead>
 		<tr>
 			<th>Title 1</th>
 			<th>Title 2</th>
 			<th>Title 3</th>
 		</tr>
 	</thead>
 	<tbody>
 		<tr>
 			<td class="line"><input name=""></td>
 			<td>Cell 1.2</td>
 			<td>Cell 1.3</td>
 		</tr>
 		<tr>
 			<td>Cell 2.1</td>
 			<td>Cell 2.2</td>
 			<td class="line"><input name=""></td>
 		</tr>
 	</tbody>
 </table>
</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript