bsm
bsm

Reputation: 81

border none property does not really remove the border (visually)

I got an expected problem. I am working on the design of my application. I would like to make the border of my form field invisible. So far I've tried this:

 border: none;
 border-style: none;
 border-width: 0px;

But none of them work correctly. It's like it's changing color between gray and white but it's visible.

enter image description here

Thanks in advance.

Upvotes: 0

Views: 5493

Answers (2)

Sheo Sagar
Sheo Sagar

Reputation: 917

Please check if not working then check your box-shadow, and outline also should be none.

.abc{
    border:none!important;
}

Upvotes: 1

Alex
Alex

Reputation: 376

The border looks more like a drop shadow than an actual grey line. I see you've tagged the question with 'twitter-bootstrap'. Try adding the following line to your code where fit.

box-shadow: none;

Upvotes: 2

Related Questions