border:none does not remove bottom border from panel default

I'm using Bootstrap 3 and I have a div with class panel panel-default. After setting style="border:none", why is there still a faint grey border on the bottom of my panel? How do I get rid of it?

<body>
  <div class="panel panel-default" style="border: none">    
    test this
  </div>
</body>

Fiddle here

Answers


@Fritz Meissner It's not a issue of border, But box shadow causing this.

Try this

.panel, .route-blurb-container {
    -webkit-box-shadow: none;
    box-shadow: none;
}

There is still a box-shadow in .panel, .route-blurb-container

-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);

Remove it to get rid of that faint grey border on the bottom. Updated fiddle here.


The small border that you can see is a box-shadow. Set box-shadow to none and the line disappears as demonstrated here:

http://jsfiddle.net/Hive7/Pys9B/6/


Need Your Help

NSMutableArray of Objects

iphone objective-c ipad nsmutablearray

First off I am very new to Objective C and iPhone programming. Now that that is out of the way. I have read through most of the Apple documentation on this and some third party manuals.

Can PHP manipulate (show/hide) div elements like jQuery?

php jquery webforms html

I'm making a form and when a user hits submit, i want it to hide the form and show a section that says "thank you, blah blah"