css - 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

  }

但它没有用

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

网站网址

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

Answer 1

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

然后只是一个类来设置宽度的样式。添加类型=“文本”

Answer 2

尝试这个

input[type=search]
   /* your style */

input[type=submit]
  /* your style */

or add id for inputs

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