2014-09-22 109 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