如何更改搜索栏的样式？

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>