I'm trying to enhance my table by adding inputs within the td tags, but I want them to appear as plain text cells. Below is the code snippet I have been working with:
<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>
Basically, I am looking for a way to display these input elements as simple text without any borders or background. I've attempted using outline: none
in the styling, but it doesn't seem to be having any effect.