JSFiddle - React, Tailwind, and code Playground
by Qwerty_Wasd
HTML
<div class="modal-body" style="background: green">
Таблица 1 <input type="text" value="текстовое поле">
<table class="datagrid-striped" style="width: 100%;">
<thead>
<tr><td class="b c">Поле</td><td class="b c">Описание</td></tr>
</thead>
<tbody>
<tr><td class="blue">car_class</td><td>ТС: Класс</td></tr>
<tr><td class="blue">car_code</td><td>ТС: Позывной</td></tr>
<tr><td class="blue">car_color</td><td>ТС: Цвет</td></tr>
<tr><td class="blue">car_comment</td><td>ТС: Последняя заметка</td></tr>
</tbody>
</table>
</div>
<br>
<br>
<div class="modal-body selection" style="background: yellow">
Таблица 2 <input type="text" value="текстовое поле">
<table class="datagrid-striped" style="width: 100%;">
<thead>
<tr><td class="b c">Поле</td><td class="b c">Описание</td></tr>
</thead>
<tbody>
<tr><td class="blue">car_class</td><td>ТС: Класс</td></tr>
<tr><td class="blue">car_code</td><td>ТС: Позывной</td></tr>
<tr><td class="blue">car_color</td><td>ТС: Цвет</td></tr>
<tr><td class="blue">car_comment</td><td>ТС: Последняя заметка</td></tr>
</tbody>
</table>
</div>
CSS
* {
-webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */
-webkit-tap-highlight-color: rgba(0,0,0,0); /* prevent tap highlight color / shadow */
font-family: Tahoma, "Helvetica Neue" , Helvetica, Arial, sans-serif;
font-size: 12px;
}
*:not([type=text]):not([type=password]):not(textarea) {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.selection,
.selection * {
-webkit-touch-callout: text!important;
-webkit-user-select: text!important;
-khtml-user-select: text!important;
-moz-user-select: text!important;
-ms-user-select: text!important;
user-select: text!important;
}
html, body {overflow: auto;}
body {
margin: 0px!important;
padding: 0px!important;
line-height: 20px;
color: #000;
background-color: #fff;
cursor: default;
}