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>

我尝试使用class id和input字段来应用样式像Css

    input.store_search_form
  {  

     code

  }

但它没有用

我需要这个搜索栏样式与其上方的默认搜索栏完全相同

Site 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”

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

2 个答案: