Add input to table without styles - html

Question

I'm adding inputs to my table td, but I want to show it in the same way that a simple cell. Here is my code:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="table">
<thead>
<tr>
<td>Some Text</td>
</tr>
</thead>
<tbody id="Body">
<tr>
<td><input disabled style="with:100%;" value="data" /></td>
</tr>
</tbody>
</table>
In simple words I want to show it like text, instead of showing borders and background. I tried adding outline: none but nothing happen.

Answer 1

3 things that you need to do to fix the style:
Remove the border using border: none
Remove the background using background: none
Add color: initial to remove the grey-ish color coming from disabled input
Working code snippet:
input {
border: none;
background: none;
color: initial;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="table">
<thead>
<tr>
<td>Some Text</td>
</tr>
</thead>
<tbody id="Body">
<tr>
<td>
<input disabled style="with:100%;" value="data" />
</td>
</tr>
</tbody>
</table>