Styling partial borders.

by audetwebdesign

HTML

<div class="input-wrap">
    <input type="text" value="Search...">
</div>

CSS

.input-wrap {
    display: inline-block;
    position: relative;
    border-bottom: 1px solid red;
    border-left: 1px solid red;
    height: 10px;
    width: 100px;
}
.input-wrap input {
    position: absolute;
    bottom: 0;
    left: 0;
    width: inherit;
    border: none;
    background-color: beige;
}