test

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
<form>
    <div class="container">
        <div class="row">
            <div class="col-xs-11">

                <div class="row">
                    <div class="col-sm-7">
                        <div class="form-group">
                            <input type="text" id="fname" class="form-control" name="fname" />
                        </div>
                    </div>
                    <div class="col-sm-5">
                        <div class="form-group">
                            <button type="button" class="btn btn-danger">Click</button>
                        </div>
                    </div>
                   
                    
               
                    
                </div>
            </div>
        </div>
    </div>
</form>

CSS

input,
input:focus,
input:active,
input:hover
{
  border-color: #ccc;  
  box-shadow:  #ccc;
 border: 1px solid #ccc;
 outline:none;
}

JavaScript

$("input, select, textarea, form, button").css("outline", "none");
$("input, select, textarea, form, button").css("box-shadow", "none");