2014-09-22 89 views
1

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

+0

http://stackoverflow.com/questions/3397113/how-to-remove-border-outline-around-text-input-boxes-chrome或http://stackoverflow.com/questions/14618028/ remove-borders-around-html-input – 2014-09-22 15:16:37

回答

3

如果你想删除您输入的边框和背景简单地使用此代码:

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>

+0

您可能还需要设置输入样式:focus以删除轮廓(将其设置为0) – 2014-09-22 16:14:43

0

只需添加border:none像这样输入:link

如果你想删除背景,你可以使用background:none;,比如here