删除输入边框

时间:2014-09-22 15:14:30

标签: html css input border

我有一个表格,其中一个td表格中有输入和提交按钮。我想完全删除输入框。可能吗? http://jsfiddle.net/ajeozmwa/2/

3 个答案:

答案 0 :(得分:7)

如果您想删除输入的边框和背景,只需使用以下代码:

input {
    border: none;
    background-color: transparent;
 }
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<table class="table">
<tr><td id="forReport"><form method="POST"><input name="excelAddress" type="text" value="Калинина 15 а" disabled='disabled'><button type="submit" target="_blank" class="generateReport btn btn-primary btn-sm"></i> button</button></form></td><td>751</td></tr></table>

答案 1 :(得分:0)

只需将border:none添加到输入中,如下所示:link

如果您想删除背景,可以使用background:none;之类的{{1}}。

答案 2 :(得分:0)

在您的CSS文件中尝试以下操作:

<script src="https://cdnjs.cloudflare.com/ajax/libs/viz.js/2.1.2/viz.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/viz.js/2.1.2/full.render.js"></script>