Как изменить стиль панели поиска?

Question

Я хочу изменить стиль панели поиска из следующего:

<code><div class="searchbase input-group animated trans" id="searchbase">
    <input type="text" placeholder="<?php _e(_l('Searching...'));?>" class="form-control" id="squery" value="<?php _e($querysearch);?>" data-type="<?php _e(vars('g','type')->v);?>" data-bind="<?php _e(vars('g','bind')->v);?>">
    <span class="input-group-btn">
      <button class="btn btn-warning searchbutton" type="button" onclick="runsearch()"><?php _e(_l('Search'));?></button>
    </span>
 </div></code>

к этому:

http://cssdeck.com/labs/0chmqae2

, но не могу понять, как сделать его доступным для поиска при вводе того, что вы хотите найти. Я не думаю, что это так просто, как просто изменить CSS?

Answer 1

Звучит так, будто вы спрашиваете, как интегрировать вашу функциональность с их стилем.

<div class="field" id="searchform">
    <input type="text" id="squery" placeholder="<?php _e(_l('Searching...')); ?>" value="<?php _e($querysearch); ?>" data-type="<?php _e(vars('g','type')->v); ?>" data-bind="<?php _e(vars('g','bind')->v); ?>">
    <button type="button" onclick="runsearch()" id="search"><?php _e(_l('Search')); ?></button>
</div>