CODEWITHSUNDEEP
htmlcssinputborder
Sergey Scopin
Sergey Scopin

Reputation: 2245

Remove border of input

I have a table where in one td there is form with input and submit button. I want totally remove the box of input. Is it possible? http://jsfiddle.net/ajeozmwa/2/

Upvotes: 3

Views: 12928

Answers (3)

Ar26
Ar26

Reputation: 1099

Try this in your css file:

  input:focus,
  input:active {
   box-shadow: none !important;
   -moz-box-shadow: none !important;
   -webkit-box-shadow: none !important;
   outline: none !important;
 }

Upvotes: 3

Kamil
Kamil

Reputation: 2005

If you want to remove border and background of your input simply use this code:

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>

Upvotes: 10

Florin Pop
Florin Pop

Reputation: 5135

Just add border:none to the input like this: link.

And if you want to remove background you can use background:none; like here.

Upvotes: 0

Related Questions