Html 更改搜索框的宽度和高度

搜索框在工具栏上的宽度太小，无法自定义导航栏。如何使搜索栏更宽？另外，如何更改搜索框相对于屏幕顶部的高度

<div  class="bar navbar-inverse navbar-fixed-top">
    <div class="container">
        <span id="logo">  
            <a href="main.php">XYZ</a>
        </span>
        <span  class="col-xs-5 right-inner-addon has-feedback">
               <form class="form-inline" role="form">
                 <div class="form-group has-feedback">
                 <label class="control-label" for="inputSuccess4"></label>
                 <input type="text" class="form-control" id="inputSuccess4">
                 <span class="glyphicon glyphicon-search form-control-feedback"></span>
                 </div>
               </form>             
        </span>
    </div>   
</div>

    .right-inner-addon {
        padding-top: 5px;
        padding-left:30px;
        position: relative;
    }
    .right-inner-addon input {
    width: 500px;
    height: 30px;
    padding: 0px 5px;
}
    .right-inner-addon i {
        position: absolute;
        right: 0px;
        padding: 10px 6px;
        pointer-events: none;
    }

在窗体控件的样式中，添加宽度=*在此处插入宽度*。这应该行得通