wordpress插件中的输入字段样式更改

Question

我可以更改输入字段的样式吗

 <div id="datafeedr-2" class="widget store_widget">
 <h3 class="widget-title">
  Search Store
  </h3>
  <div id="wdgt_ss">
 <script type="text/javascript">
 <!--
   /*
  * NOTE: This JS code would be much better off
 * existing in your theme's header.php file.
*/
 function wash( anInput ) { if(anInput.value == anInput.defaultValue) anInput.value =    ''; }
function checkWash( anInput ) { if(anInput.value == '') anInput.value =anInput.defaultValue; }
 //-->
 </script>
 <div class="store_search_form" style="border: none;">
  <form action="/search/" method="get"><input onfocus="wash(this);"onblur="checkWash(this);" value="Search store..." name="word" pmbx_context="4F13FC2D-6A04-435C-AA7C-7AA2FEF6FC7E">
<input type="submit" value="Go" pmbx_context="E41A706C-6E36-4DE6-B2C3-3DF4B01B1D30">
</form>
</div>     
     </div><!-- @@CACHE -->
  </div>

我已经尝试使用类id和输入字段来应用样式像Css

    input.store_search_form
  {  
     code
  }

但不起作用

我需要这个搜索栏样式与上面的默认搜索栏完全一样

网站url

产品搜索栏是来自www.datafeedr.com

Answer 1

试试这个

input[type=search]
   /* your style */
input[type=submit]
  /* your style */
or add id for inputs

演示：http://jsfiddle.net/vwyhm/

Answer 2

<input onfocus="wash(this);" onblur="checkWash(this);" value="Search store..." name="word" type="text">

然后只需要一个类来设置宽度样式。添加type="text">