Android ICS-like input field in CSS

I want to create an input field like Android Ice Cream Sandwich's one in HTML/CSS only and without using images. I'm stuck with making these small borders (the image below), It would be great if anybody could help.

Answers


EDIT

I'd like to include owencm's comment for people stumbling across this question, as i find it quite elegant:

CSS

input.holo[type='text'] {
    /* You can set width to whatever you like */
    width: 200px;
    font-family: "Roboto", "Droid Sans", sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 8px 8px 6px 8px;
    position: relative;
    display: block;
    outline: none;
    border: none;
    background: bottom left linear-gradient(#a9a9a9, #a9a9a9) no-repeat, bottom center linear-gradient(#a9a9a9, #a9a9a9) repeat-x, bottom right linear-gradient(#a9a9a9, #a9a9a9) no-repeat;
    background-size: 1px 6px, 1px 1px, 1px 6px;
}
input.holo[type='text']:hover, input.holo[type='text']:focus {
    background: bottom left linear-gradient(#0099cc, #0099cc) no-repeat, bottom center linear-gradient(#0099cc, #0099cc) repeat-x, bottom right linear-gradient(#0099cc, #0099cc) no-repeat;
    background-size: 1px 6px, 1px 1px, 1px 6px; 
} 

HTML

<input type='text' class='holo'/>

JSFiddle http://jsfiddle.net/QKm37/

Original Solution

<span style="
  border-bottom: solid 1px cyan;
  border-left: solid 1px cyan;
  margin: 20px;
  border-right: solid 1px cyan;
  overflow: visible;
  max-height: 0.2em;
  display: inline-block;
  padding: 2px;
">
<input type="text" style="
  outline: none;
  border: none;
  background: transparent;
  display: inline-block;
  position: relative;
  bottom: 0.8em;
">
</span>

Need Your Help

rake assets:precompile:nodigest in Rails 4

ruby-on-rails asset-pipeline ruby-on-rails-4 sprockets

In Rails 3 there was a rake assets:precompile:nodigest task which was compiling assets and writing them without the digest part in /public/assets directory. In Rails 4 this has been removed, and by

Convert a row of a data frame to vector

r vector dataframe

I want to create a vector out of a row of a data frame. But I don't want to have to row &amp; column names. I tried several things... but had no luck.