html页面的盒子边框怎么做的,HTML – 摆脱盒子上的边框

我有以下

HTML.我想这样做,这只是一个没有边界的白色空间.我尝试用CSS删除边框：#search-box {border：none;}但是没有用.有什么想法吗？

这是它所在的HTML：

Word 4 Word

Home

New Test

Help

Settings

这是相关的CSS：

/*Deals with the top nav*/

#topNav {

padding-top: 10px;

padding-bottom: 10px;

background: black;

position: absolute;

top: 0;

left: 0;

width: 100%;

}

.topNavLink {

text-decoration: none;

color: orange;

padding-left: 10px;

padding-right: 10px;

}

#headingTitle {

font-size: 1.3em;

}

/* ends top nav */

/* Deals with the search bar */

#searchBttn {

height: 25px;

}

#searchInput{

border: none;

background: black;

}

/* ends the search bar */