Change the search form text input to search type and add the basic style for it

This commit is contained in:
Takashi Irie 2013-02-27 20:26:16 +00:00
parent dc730a3bc5
commit ed6a89fa20
2 changed files with 5 additions and 2 deletions

View File

@ -8,6 +8,6 @@
?>
<form method="get" id="searchform" action="<?php echo esc_url( home_url( '/' ) ); ?>" role="search">
<label for="s" class="assistive-text"><?php _e( 'Search', '_s' ); ?></label>
<input type="text" class="field" name="s" value="<?php echo esc_attr( get_search_query() ); ?>" id="s" placeholder="<?php esc_attr_e( 'Search &hellip;', '_s' ); ?>" />
<input type="search" class="field" name="s" value="<?php echo esc_attr( get_search_query() ); ?>" id="s" placeholder="<?php esc_attr_e( 'Search &hellip;', '_s' ); ?>" />
<input type="submit" class="submit" name="submit" id="searchsubmit" value="<?php esc_attr_e( 'Search', '_s' ); ?>" />
</form>

View File

@ -282,6 +282,7 @@ input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly i
input[type=text],
input[type=email],
input[type=password],
input[type=search],
textarea {
color: #666;
border: 1px solid #ccc;
@ -290,12 +291,14 @@ textarea {
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=search]:focus,
textarea:focus {
color: #111;
}
input[type=text],
input[type=email],
input[type=password] {
input[type=password],
input[type=search] {
padding: 3px;
}
textarea {